檢測部分填充的html5日期輸入（chrome）

在chrome上使用input type="date"，如果日期部分填充，客戶端想要標記一個字段，即：01/23/yyyy（但不是如果它是空的）。但是，如果填寫日期，Chrome瀏覽器似乎只會觸發input或change。而且，該字段的實際值仍爲空字符串。檢測部分填充的html5日期輸入（chrome）

可能會在focus之後收聽上/下/數字按鍵，然後在blur上標記無效字段，但這顯然不太理想。

那麼，有沒有事件我不知道，我可以用它來檢測這種情況？或者我可以檢查一個值將返回01/23/yyyy？

來源

2015-12-02 dlsso

向輸入添加'required'屬性應該停止提交，除非它是有效的 – dandavis

我們將使用我們自己的驗證系統來標記將阻止提交的字段。我編輯了這個問題來澄清。我知道如何防止提交，而不是如何檢測情況。 – dlsso

css：'：invalid，input [type ='date']：empty {border-color：red; }'...你也可以將左側提供給'querySelector（）'。 – dandavis

dandavis的建議很好地工作。

我結束了剛剛添加$(object).is(':invalid')到事件列表，在我們的驗證中觸發了一個錯誤，並做了訣竅。

來源

2015-12-03 18:51:51 dlsso

檢測部分填充的html5日期輸入（chrome）

回答

相關問題