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

Question

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

例如,我有一个文本输入type="email".当用户输入错误的值时,文本框显示红色边框(在Firefox浏览器中).

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

Answer 1

你可以使用validity财产:

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

或checkValidity()方法:

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

演示 | 参考.