comparing two time fields and validate using jquery error message

[Gaurav Sharma]

Dear All,

I have an issue where I want to compare two TIME fields and if StartTime is greater than EndTime, then it show error message, below StartTime field and form should be submitted if values are correct.

I have written a below function which is behaving correctly(I guess) & I am able to show alter message but could not get an idea to how to show jquery message.

Below is my query code:

$(document).ready(function() {
    $('#submit').click(function()
    		$("#tnl_createTime").validate();{
    	var start_time_break = $("#startTimeBreak").val();
    	var end_time_break = $("#endTimeBreak").val();

    	//convert both time into timestamp
    	var stt_brk = new Date("November 13, 2013 " + start_time_break);
    	stt_brk = stt_brk.getTime();

    	var endt_brk = new Date("November 13, 2013 " + start_time_break);
    	endt_brk = endt_brk.getTime();

    	console.log("Time1: "+ stt_brk + " Time2: " + endt_brk);
    	if(stt_brk > endt_brk) {
        	alert("Check for break time");
        	var errorMessage = "Please verify the Break Start Date and Time is before the End Date and Time";
        	alert("Break time error ----> error message is "+errorMessage);
        	
        	event.preventDefault();
    	}else{
        	alert("Break time 4");
        	event.preventDefault();
    		
        }
    	
    });
});

Thanks in advance!

Regards
Gaurav

[Bear Bibeault]

Gaurav Sharma wrote:I am able to show alter [sic] message but could not get an idea to how to show jquery [sic] message.

Well, there really isn't any such thing as a "jQuery message". How do you want the message to appear? You can certainly use jQuery to show the message; but how greatly depends on what you want to show and where you want to show it.

[Gaurav Sharma]

Bear Sir,

Sorry for posting my code without formatting. I will keep this point in my mind.

Exact requirement is:
There are two fields - StartTime and EndTime.
If StartTime is greater than EndTime, then jquery error message should get displayed beneath StartTime field.

I am able to show error message for single field but don't know how to achieve it when I am comparing two fields.

Many Thanks
Gaurav

[Bear Bibeault]

Gaurav Sharma wrote:then jquery [sic] error message should get displayed beneath StartTime field.

Again, there's no such thing as "jquery [sic] error message". If you want to show the message after the field, then you would use jQuery to create the HTML elements needed to show the text.

I am able to show error message for single field but don't know how to achieve it when I am comparing two fields.

I don't see the problem. You already know where you want to put the text. Just put it there. How does the fact that the condition compared two fields affect that?

By the way, I'd suggest using the jQuery Validation Plugin rather than rolling your own. It can automate much of this.