如何使用只讀的HTML5驗證字段客戶端？

Question

我有一個輸入字段，用於啟動日期選擇器。 為了使這項工作在移動設備上，我已將該字段設為只讀。 這意味着我可以使用jQuery點擊（或點擊）啟動日期選擇器，並且點擊不會在移動設備上打開鍵盤。

但是 - readonly屬性繞過HTML5驗證機制。 我可以添加一些東西，然后模仿HTML5驗證的外觀和感覺，保持一致性，或強制HTML5驗證，盡管該字段是readonly ？

編輯 ：我正在尋找驗證該字段已填寫（必填），並且最好是符合某種日期格式。

Answer 1

readonly字段不能具有required屬性，通常它們已經包含一些值。

查看HTML5標准草案

Answer 2

嘗試查看'pattern'屬性。

對於日期，這種模式可能派上用場：

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