我试图在一个页面上制作分步表单,用户需要单击“下一步”按钮以显示下一步。

所以这是一个问题:是否有一个jQuery函数(或只是JS)可以“立即”检查表单是否存在HTML5错误?因此,下一步将不会显示该特定步骤中是否存在任何错误?

最佳答案

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

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


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

这也可以用于组验证,尽管我确定还有其他方法可以解决,但一种简单的方法是查看所有字段的数量(数量?,长度?)是否与所有有效字段的数量匹配领域。

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

之所以可行,是因为如果没有设置required(或pattern等)属性,则字段将自动有效。

07-27 13:14