Friday, 6 June 2014

HTML5 input date validation

HTML5 has <input type="date"> and browsers which support it show their own date picker calender.
And what if you input invalid date, e.g. 2016/2/30?
W3C HTML5 spec says
The value sanitization algorithm is as follows: If the value of the element is not a valid date string, then set it to the empty string instead.
So you never get an original invalid date value.

How can you handle it?

You only know if a value is invalid or not with...

  1. input.validity.badInput
  2. input.validity.valid
  3. input.validationMessage

Further details, please see this:

No comments:

Post a Comment