我试图在一个页面上制作分步表单,用户需要单击“下一步”按钮以显示下一步。
所以这是一个问题:是否有一个jQuery函数(或只是JS)可以“立即”检查表单是否存在HTML5错误?因此,下一步将不会显示该特定步骤中是否存在任何错误?
最佳答案
只需使用.prop()
来检查有效性:
if ($(selector).prop('validity').valid) {
// do stuff
}
工作演示:http://jsfiddle.net/jhn9Z/
这也可以用于组验证,尽管我确定还有其他方法可以解决,但一种简单的方法是查看所有字段的数量(数量?,长度?)是否与所有有效字段的数量匹配领域。
工作演示:http://jsfiddle.net/jhn9Z/1/
之所以可行,是因为如果没有设置
required
(或pattern
等)属性,则字段将自动有效。