如何获得输入文本框的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，你可以注册事件，如果你想采取行动。