javascript - HTML5 验证 API 在 Firefox 中不起作用？

Question

HTML5 中 HTML 输入的有效性属性似乎在 Firefox 中不起作用。

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

此控制台日志返回一个空对象。它适用于 Chrome 和 Safari，如果我查看该文档，我认为它也应该适用于 Firefox？

有任何想法吗？

score 0 · Accepted Answer

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

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

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

还有这篇关于 ValidityState 对象的MDN 文章。

至于在 Firefox 中的调试，Firebug显示了这种东西。

score 0 · Accepted Answer

如果它显示为一个空对象，可能是因为只enumerable呈现了属性，而Firefox 中似乎没有这些ValidityState属性。

但是，您仍然应该能够访问各个属性：

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

2 回答 2