forms - Why is javascript passing non validated information -


i have following 2 datetimepicker functions/fields:

    $(function()      {         $('#updatejobform').validate();         var startdatetime = $('#starttime');         var enddatetime = $('#endtime');         var currentdate = new date();         var orginaldate =  startdatetime.val();          startdatetime.datetimepicker(             {                 timeformat: "hh:mm tt",                 mindate: ("setdate", '',new date()),                 hourgrid: 12,                 minutegrid: 15,                 stepminute: 15,                 onclose: function(datetext, inst)                  {                     if (enddatetime.val() != '')                      {                         var teststarttime = startdatetime.datetimepicker('getdate');                         var testendtime = enddatetime.datetimepicker('getdate');                         if (teststarttime > testendtime)                         {                             alert("the start time cannot greater end time.");                             //startdatetime.val(currentdate.format("m/d/yyyy hh:mm tt"));                         }                     }                     else                      {                         enddatetime.val(datetext);                     }                 },                 onselect: function (selecteddatetime)                     {                         var teststarttime = startdatetime.datetimepicker('getdate');                         var testendtime = enddatetime.datetimepicker('getdate');                         //if(enddatetime.val() == '')                         //{                             enddatetime.datetimepicker('option', 'mindate', startdatetime.datetimepicker('getdate'));                     }                 }             );             enddatetime.datetimepicker(                 {                     mindate: ("setdate", '',new date()),                     timeformat: "hh:mm tt",                     hourgrid: 12,                     minutegrid: 15,                     stepminute: 15,                     onclose: function(datetext, inst)                      {                         if (startdatetime.val() != '')                          {                             //var teststarttime = startdatetime.datetimepicker('getdate');                             var testendtime =  enddatetime.datetimepicker('getdate');                             //if (testendtime < teststarttime)                             //{                             //alert("the end date blah blah"); // , time must greater start date , time");                             //enddatetime.val(teststarttime.format("mm/dd/yyyy hh:mm"));                             //}                             //else                             enddatetime.datetimepicker('setdate', testendtime);                         }                         //else                          {                         //  startdatetime.val(datetext);                         }                     },                     onselect: function (selecteddatetime)                     {                     startdatetime.datetimepicker('option', 'maxdate', enddatetime.datetimepicker('getdate') );                     }                 }             );         }     );     function validate_form()     {         var sdate= new date(document.updatejobform.starttime.value);         var edate= new date(document.updatejobform.endtime.value);         if ((document. updatejobform.starttime.value != "") && (document. updatejobform.endtime.value != "") && (sdate < edate))          {             return true;         }          else          {             alert("please choose start date/time begins before end date/time");             return false;         }     } 

and validate_form function called submit button looks this:

<td align="right"><input name="reset" type="reset" value="reset" /> <input name="submit" type="submit" value="update" onclick="validate_form()"/></td> <td>&nbsp;</td> 

when click submit button (with wrong data i.e. start date grater end date) alert message telling user correct times. after user clicks ok alert, form submits invalid data. function looks right , logic seems work, why form being submitted after function returns false? make worse, if data correct, form not submit @ all. going wrong , how can fix this?

you missed return in button

onclick="return validate_form()" 

Comments

Popular posts from this blog

How to mention the localhost in android -

php - Calling a template part from a post -

c# - String.format() DateTime With Arabic culture -