jQuery验证插件的形式提供了一个强大的验证功能，使客户端的表单验证更简单，以满足不同的应用需求提供了大量的定制选项，插件捆绑一套有用的验证方法，包括URL和电子邮件验证，并提供了一个API编写用户定义的所有方法。捆绑方法使用英语作为默认的错误信息，已被翻译成37种语言。

下面一段代码演示来解释jQuery验证，具体代码如下所示：






文件



$（）Ready（函数（）{）
VaR验证=美元（# signupform （{验证）。
规则：{
名：所需的
电子邮件：{
要求：真实，
电子邮件：真
}，
密码：{
要求：真实，
最大长度：5
}，
confirm_password：{
要求：真实，
最大长度：5，
等于：#密码
}
}，
信息：{
名：请输入你的名字，请。
电子邮件：{
要求：请输入电子邮件地址
电子邮件：请输入正确的电子邮件地址
}，
密码：{
要求：请输入密码。
最大长度：密码不能少于{ 0 }字
}，
confirm_password：{
要求：确认密码
最大长度：确认密码不能少于5个字符
等于：不一致的两输入密码不一致
}
}，
信息 / /错误处理和errorplacement功能。
组：{
登录：名电子邮件密码confirm_password
}，
errorplacement：函数（误差、元）{
error.insertbefore（# error_info ）；
}，
在第一种表单中提交表单焦点错误
FocusInvalid：真的，
指定CSS类的名称/错误
ErrorClass：error_info
通过验证CSS指定的类名
ValidClass：success_info
通过提交表单验证
submithandler：功能（形式）{
Console.info（提交表单+ $（形式）（。连载））；
}，
InvalidHandler：功能（事件、验证器）{
Console.info（误差+ validate.numberofinvalids（））；
}，
取消检查/元素。
忽视：#名
Onfocusout：函数（）{
返回false；
}
}）；
$（#检查）。Click（function（）{）
var标记1 =美元（# signupform ）（有效期）； / /检查表单是否是有效的
var标记2 =美元（# FirstName）（规则）； / /验证规则查询元素
var = $（# FLAG3 FirstName）。规则（添加
var标记4 =美元（# FirstName）。规则（删除
Var（标记5 =验证。形式）； / /表单的验证是有效的
var标记6 = validate.element（# FirstName）； / /验证表单一个元素是否是有效的
（验证。resetform） / /回报形式；原始状态
Var（标记7 =验证。numberofinvalids / /获得）；元素错了
Console.info（标记7）；
}）；
对于一个元素显示特定信息
validate.showerrors（{
名：错误
}）；
}）；





名



电子邮件



密码



确认密码













以上就是这篇文章的全部内容，代码简洁明了，很有参考价值，希望大家喜欢。