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等）属性集，字段将自动有效。