介绍jQuery验证库的使用
验证验证库1、下载jquery.validate，这里提供jquery-validation-1.9.0，点击下载
默认的检查规则
复制代码代码如下所示：
（1）要求：真实必须是丢失字段
（2）远程：检查。PHP使用Ajax调用方法check.php验证输入值
（3）电子邮件：真的必须输入正确的电子邮件格式。
（4）url：真必须输入正确的网站格式
（5）日期：真实必须输入日期的正确格式。
（6）dateiso：真的必须输入日期的正确格式（ISO），例如，2009-06-231998 / 01 / 22只验证格式不验证
（7）数字：真必须输入法定号（负数、小数）。
（8）数字：真必须输入整数。
（9）信用卡：必须输入一个合法的信用卡号码
（10）对等于输入值：#场必须是作为#字段相同
（11）接受：输入具有合法后缀名的字符串（上传文件的后缀）
（12）的最大长度：5输入长度为5的字符串（汉字是一个字符）
（13）具有最小的最小长度字符串：10 10个输入长度（字符为一个汉字）
（14）的rangelength：{ 10 }输入长度必须在5和10之间的字符串）（汉字是一个字符）
（15）范围：{ 10 }输入值必须在5和10之间
（16）max：5输入值不能超过5。
（17）min：10输入值不能小于10。
缺省线索
复制代码代码如下所示：
信息：{
要求：此字段是必需的。
远程：请修复此字段。
电子邮件：请输入一个有效的电子邮件地址。
请输入一个有效的URL。
日期：请输入有效日期。
DateISO：请输入有效的日期（ISO）中。
DateDE：Bitte geben Sie一克眉ltiges基准静脉。
编号：请输入一个有效的号码。
numberde：请您一个电话，
数字：请输入数字
信用卡：请输入有效的信用卡号码。
等于：请输入相同的值了。
接受：请输入一个具有有效扩展名的值。
最大长度：美元。validator.format（请输入不超过{ 0 }字。），
最大长度：美元。validator.format（请输入至少{ 0 }字。），
rangelength：美元。validator.format（请输入一个值之间{ 0 }和{ 1 }字。），
范围：美元。validator.format（请输入一个值之间{ 0 }和{ 1 }。），
马克斯：美元。validator.format（请输入一个值小于或等于{ 0 }。），
闵：美元。validator.format（请输入一个值大于或等于{ 0 }。）
}，
如果你需要修改，保存如下：messages_cn.js JS代码，并参考页面：
复制代码代码如下所示：
复制代码代码如下所示：
JQuery.extend（jquery.validator.messages，{
要求：必填字段
远程：请修复此字段
电子邮件：请输入正确格式的电子邮件。
请输入合法的网站。
日期：请输入合法日期
DateISO：请输入合法的日期（ISO）。
编号：请输入合法号码。
数字：只能输入整数。
信用卡：请输入合法的信用卡号码。
等于：请输入相同的值了。
接受：请输入具有合法后缀名的字符串
Maxlength：jquery.validator.format（请输入一个字符串，{ 0 }最多），
最大长度：jquery.validator.format（请输入一个字符串至少{ 0 }长度在），
rangelength：jquery.validator.format（请输入{ 0 }和{ 1 }之间的字符串），
范围：jquery.validator.format（请输入{ 0 }和{ 1 }之间的值），
马克斯：jquery.validator.format（请输入一个{ 0 } 最大值），
民：jquery.validator.format（请输入一个最小的{ 0 }值）
}）；
使用模式
1。将检查规则写入控件
复制代码代码如下所示：
$（）Ready（函数（）{）
$（# signupform ）验证（）；
}）；
名
电子邮件
密码
确认密码
类={ }方法必须介绍，包装：jquery.metadata.js
可以使用以下方法修改提示内容
复制代码代码如下所示：
上面的代码表明，如果名域不填什么，然后提示：请输入内容。所以，如果内容长度小于5，你怎么给用户请看下面的代码：
复制代码代码如下所示：
注：在与关键字的使用，以下内容必须加上引号，下面的代码：
复制代码代码如下所示：
类={要求：真实，minLength：5，等于：#密码}
在另一方面，使用关键字：元
例如，上述示例中的代码被更改为关键字元形式，代码如下所示：
复制代码代码如下所示：
$（）Ready（函数（）{）
$（# signupform）。验证（{元：验证}）；
}）；
名
电子邮件
密码
确认密码
小心 uff1a
规则部分使用完整形式，如下所示：
正确书写：
复制代码代码如下所示：
书写错误：
复制代码代码如下所示：
还有另一种方法
复制代码代码如下所示：
美元。metadata.settype（属性
这可以使用验证={必需的：真}
例如，将上述示例代码更改为：
复制代码代码如下所示：
$（）Ready（函数（）{）
美元。metadata.settype（属性
$（# signupform ）验证（）；
}）；
名
电子邮件
密码
确认密码
注意：规则部分使用的是完整形式，即，
正确书写：
复制代码代码如下所示：
书写错误：
复制代码代码如下所示：
2。将检查规则写入代码
复制代码代码如下所示：
$（）Ready（函数（）{）
$（# signupform （{验证）。
规则:
{
名：所需的
电子邮件：
{
要求：真实，
电子邮件：真
}，
密码:
{
要求：真实，
最大长度：5
}，
confirm_password：
{
要求：真实，
最大长度：5，
等于：#密码
}
}，
信息:
{
名：请输入你的名字，请。
电子邮件：
{
要求：请输入电子邮件地址
电子邮件：请输入正确的电子邮件地址
}，
密码:
{
要求：请输入密码。
最大长度：jquery.format（密码不能少于{ 0 }字符）
}，
confirm_password：
{
要求：请输入确认密码。
最大长度：确认密码不能少于5个字符
等于：不一致的两输入密码不一致
}
}
}）；
}）；
在消息中，如果控件没有消息，则将调用默认信息。
名
电子邮件
密码
确认密码
要求：真实必须有价值
当要求：# AA：检查身份证的名字是AA的DOM被选中，它需要验证
（要求：函数）{返回true，表示需要验证（仅针对需要，另一个无效）。
两种元素通常以一种形式的形式使用，同时需要填充或不填充。
下面的三个项目用一个更容易理解的例子来说明。（第一个解释：所要求的：真的必须值，这不是一个例子，而且通过上面的例子非常清楚）。
的例子，要求：# AA：检查如下：
复制代码代码如下所示：
$（）Ready（函数（）{）
$（# signupform （{验证）。
规则:
{
名：所需的
电子邮件：
{
要求：#打开：检查
电子邮件：真
}
}，
信息:
{
名：请输入你的名字，请。
电子邮件：
{
要求：请输入电子邮件地址
电子邮件：请输入正确的电子邮件地址
}
}
}）；
}）；
在消息中，如果控件没有消息，则将调用默认信息。
开关：
打开
关闭
电子邮件
当选择打开时，电子邮件被验证。
要求：函数（）{示例如下：
复制代码代码如下所示：
$（）Ready（函数（）{）
$（# signupform （{验证）。
规则:
{
名：所需的
电子邮件：
{
要求：函数（）
{
返回true；
}，
电子邮件：函数（）
{
返回false；
}
}
}，
信息:
{
名：请输入你的名字，请。
电子邮件：
{
要求：请输入电子邮件地址
电子邮件：请输入正确的电子邮件地址
}
}
}）；
}）；
在消息中，如果控件没有消息，则将调用默认信息。
开关：
打开
关闭
电子邮件
经过测试，据悉，甚至电子邮件：（）{ return false }函数返回false，但要求：函数（）{ return true；}返回true，那么，除了验证它是否是空的，这也验证了电子邮件的格式。也就是说，电子邮件：功能（）{ reuturn false；}设置无效。进一步的测试，删除功能要求：（）{ return true；}，只保留：电子邮件：函数（）{ reuturn虚假；}，还是验证的电子邮件格式，代码如下：
复制代码代码如下所示：
$（# signupform （{验证）。
规则:
{
名：所需的
电子邮件：
{
电子邮件：函数（）
{
返回false；
}
}
}，
信息:
......
注：校验规则是写在单独的文件中，如在上面的例子中的规则名和电子邮件。问题是输入中有id和name属性。那么jQuery验证得到了什么呢通过测试，获得名称属性。因此，规则中的键是输入的name属性值，而不是id属性值。
定义的代码风格
复制代码代码如下所示：
jQuery。
输入误差{边界：1px点缀的红色；}
标签，错误{
背景图像：URL（'del。gif）；
后台重复：不重复；
左：18px填充；
颜色：红色；
}
input.error定义输入控件的样式
label.error定义错误信息的方式
如下图所示：