Note that there are some explanatory texts on larger screens.

plurals
  1. PODate validator on DatePicker trigger false negatives in IE7/IE8
    primarykey
    data
    text
    <p>I have some basic validation on a form which includes two jQuery UI DatePickers. The format of the date is yy-mm-dd. There is a <em>required</em> and <em>date</em> validation on both DatePickers. </p> <p>These work as expected in Chrome &amp; FF, but trigger false negatives (valid input is said to be invalid) in IE7/IE8.</p> <p>Date picker setup:</p> <pre><code>$('.datepicker').datepicker({ dateFormat: 'yy-mm-dd' }); </code></pre> <p>This is unrelated but I figured I would include, just in case:</p> <pre><code>$.validator.addMethod("endDate", function(value, element) { var startDate = $('#startDate').val(); return Date.parse(startDate) &lt;= Date.parse(value); }); </code></pre> <p>The actual validation:</p> <pre><code>$('#ExampleForm').validate({ rules: { StartDate: { required: true, date: true }, EndDate: { required: true, date: true, endDate: true } }, messages: { StartDate: { required: "Start Date required", date: "Invalid date. Must be formatted yyyy-mm-dd" }, EndDate: { required: "End Date required", date: "Invalid date. Must be formatted yyyy-mm-dd", endDate: "Start date must occur before end date." } }, errorPlacement: function(error, element) { error.appendTo(element.parent().next()); }, submitHandle: function(form) { form.submit(); } }); </code></pre> <p>In IE7/IE8, valid input (just picking a date) with both DatePickers will result in the <em>date</em> error ("Invalid date. Must be formatted yyyy-mm-dd"). This does not occur in other browsers.</p> <p>It also doesn't produce any Javascript errors.</p> <p>Thanks in advance,</p> <p>Ian</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload