如何使用只读的HTML5验证字段客户端？

Question

I have an input field that launches a datepicker. To make this work on a mobile device, I've made the field read only. This means that I can launch a date picker on click (or tap) using jQuery, and the tap doesn't open the keyboard on a mobile device.

However - a readonly attribute bypasses the HTML5 validation mechanisms. Can I add something that then either mimics the HTML5 validation look and feel, to keep consistency, or that forces HTML5 validation despite the field being readonly ?

Edit : I'm looking for validating that the field is filled in (required) and preferably that it fits a certain date format.

Answer 1

readonly fields cannot have the required attribute, generally they will already contain some value.

Look at the HTML5 Standard Drafts

Answer 2

Try looking at the 'pattern' attribute.

For dates, this pattern might come in handy:

^\d{4}\-\d{1,2}\-\d{1,2}$|^\d{1,2}\/\d{1,2}\/\d{4}$