如何获取输入文本框的HTML5有效性状态？

Question

如何检索文本框的HTML 5'有效性'状态？

例如，我有type="email"的文本输入。当用户输入错误的值时，文本框显示红色边框（在Firefox浏览器中）。

如何查看输入框的'validity-state'？

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，如果您想对其采取行动，可以注册该事件。