jQuery"isHTML5Error”-类似功能

jQuery "isHTML5Error"-like function

本文关键字:-类 功能 isHTML5Error quot jQuery      更新时间:2023-09-26

我试图在一个页面上制作一个循序渐进的表单,用户需要单击"下一步"按钮来显示下一步。

所以问题来了:是否有一个jQuery函数(或者只是JS)可以检查表单"现在"是否有HTML5错误?所以下一步不会显示某个步骤中是否有任何错误?

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

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

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

这也可以用于组验证,虽然我相信还有其他方法可以做到这一点,但一个简单的方法是查看所有字段的数量(数量?,长度?)是否与所有有效字段的数量匹配。

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

这是因为如果没有required(或pattern等)属性集,字段将自动有效。