HTML5验证API无法在Firefox中运行？

Question

HTML5中HTML输入的有效性属似乎不适用于Firefox。

var input = $input.get(0);
console.log(input.validity)

此控制台日志返回一个空对象。它正在使用Chrome和Safari，我认为如果我查看该文档，它也会考虑使用Firefox吗？

https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

有什么想法吗？

Answer 1

input.validity返回一个特殊对象，而不仅仅是一个简单的布尔值。

因此，使用input.validity.valid检查输入的值是否正确。

请参阅此JSFiddle以查看有效性属性。

关于ValidityState对象的这个MDN Article。

就Firefox的调试而言，Firebug显示了这种东西。

Answer 2

如果它显示为空对象，可能是因为只呈现了enumerable个属性，ValidityState's properties似乎不在Firefox中。

但是，您仍然可以访问各个属性：

console.log(input.validity.valid);   // true/false
console.log(input.validity.tooLong); // true/false
// etc.