如何獲得輸入文本框的HTML5有效性狀態？

Question

如何檢索文本框的HTML 5'有效性'狀態？

例如，我有一個帶有type="email"的文本輸入。當用戶輸入錯誤的值時，文本框顯示紅色邊框（在Firefox瀏覽器中）。

如何檢查輸入框的「有效性狀態」？

Answer 1

可以使用validity屬性：

var isValid = document.getElementById('email').validity.valid; 

或者checkValidity()方法：

var isValid = document.getElementById('email').checkValidity(); 

Demo | Reference。

Answer 2

有一個event oninvalid for invalid input，你可以註冊事件，如果你想採取行動。