javascript - 类似 jQuery "isHTML5Error"的函数

Question

我正在尝试在一个页面上制作一个分步表单，用户需要单击“下一步”按钮才能显示下一步。

所以问题是:是否有一个 jQuery 函数(或只是 JS)来检查表单“现在”是否有一些 HTML5 错误？那么下一步不会显示该步骤中是否有任何错误？

Answer 1

只需使用.prop()来检查有效性:

if ($(selector).prop('validity').valid) {
    // do stuff
}

工作演示:http://jsfiddle.net/jhn9Z/

这也可以用于组验证，虽然我确信还有其他方法可以实现此目的，但一个简单的方法是查看所有字段的数字(数量？、长度？)是否与数字匹配所有有效字段。

工作演示:http://jsfiddle.net/jhn9Z/1/

这是有效的，因为如果没有设置required(或pattern等)属性，字段会自动有效。