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

Question

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

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

如何检查输入框的“有效性状态”？

Answer 1

您可以使用validity属性：

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

或checkValidity()方法：

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

演示| 参考。

Answer 2

有一个无效输入事件oninvalid，如果你想对它采取行动，你可以注册该事件。