2015-06-26 45 views
3

我有一個啓動日期選擇器的輸入字段。爲了在移動設備上進行這項工作,我已將該字段設置爲只讀。這意味着我可以使用jQuery在點擊(或點擊)時啓動日期選擇器,並且點按不會在移動設備上打開鍵盤。如何使用只讀的HTML5驗證字段客戶端?

但是 - readonly屬性繞過了HTML5驗證機制。我可以添加一些內容,模仿HTML5驗證的外觀和感覺,保持一致性,或者即使字段爲readonly也會強制進行HTML5驗證?

編輯:我正在尋找驗證該字段填寫(必填),最好它符合某個特定日期格式。

+0

你想要什麼樣的驗證 –

+0

一個'stopPropagation'和'preventDefault'不會阻止鍵盤現身? – Hacketo

+0

@Hacketo:也許,但他們可能也會阻止datepicker工作。一種可能的解決方案可能是去除只讀和** blur **元素時,但我不知道這是否會阻止datepicker工作。 – briosheje

回答

0

嘗試尋找在 '模式' 屬性。

對於日期,這種模式可能會派上用場:

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

謝謝 - 你是說這將使用只讀屬性集? –

+0

我不確定,但它應該很容易測試,對吧? – user2072826

+0

我的問題的前提是readonly屬性意味着不會調用驗證。我問你是否有辦法解決這個問題。 –