javascript - 一种检查 HTML5 表单有效性的方法？

Question

是否可以根据我为其设置的模式检查 html5 表单的输入元素是否有效？我知道伪类的东西..但我希望是这样的:document.getElementById('petitionName').valid可以返回 true 或 false..

我真的希望我不需要创建 javascript 来重新验证这些东西。

Answer 1

有两种方法可以检查有效性。

1. inputElement.checkValidity() 返回 true 或 false
2. inputElement.validity 返回有效性状态对象。 inputElement.validity.valid 返回 true/false

除了使用 keyup，您还可以使用 'input' 事件。所有实现了约束验证API的浏览器也都实现了输入事件。

如果您使用上面的选项 1，Opera 会在此处出现错误，并会显示其验证提示。所以你应该使用 2。

我已经创建了一个 html5 表单库，它实现了所有未知的功能以支持无功能的浏览器 + 修复了 HTML5 浏览器中的问题。所以一切都像规范中定义的那样工作，但它是建立在 jQuery 之上的。 (http://afarkas.github.com/webshim/demos/index.html)。