官网地址：

1.导入js库

2、默认验证规则（1）：true 必填字段（2）：“check.php” 使用ajax方法调用check.php验证输入值（3）email：true 必须输入正确的email格式(4) url :true 必须输入正确格式的URL (5) date:true 必须输入正确格式的日期 日期验证ie6出错，慎用 (6):true 正确格式的日期(ISO)必须输入，例如：2009-06-23、1998/01/22 只验证格式，不验证有效性 (7): true 必须输入合法数字(负数、小数) (8): true 必须输入整数 (9)：必须输入合法的信用卡号 (10)："#field" 输入值必须与#field 相同 (11)：输入合法后缀的字符串（后缀(12):5 请输入一个字符串，最大长度为 5 个字符（汉字计为 1 个字符）( 13):10 请输入一个最小长度为 10 的字符串（汉字计为一个字符）( 14):[5,10] 输入一个字符串，长度必须在 5 到 10 之间") (汉字算作 1 个字符) (15 )范围:[5,10] 输入值必须在 5 到 10 之间 (16 )max:5 输入值不能大于5(17)min:10 输入值不能小于10

3. 默认提示： { : "此字段是。", : "修复此字段。", email: "输入有效的电子邮件。", url: "输入有效的 URL。", date: "输入有效的日期" , : "输入有效日期 (ISO)。", : "输入有效日期 (ISO)。", : "输入有效日期 (ISO)。", : "仅输入", : "输入有效卡。 “，：”再次输入相同的值。

“，：”输入一个有效的值。 ", : $..("输入不超过 {0} 个。"), : $..("输入至少 {0} 个。"), : $..("输入值 {0} 和 {1 } long."), range: $..("输入值 {0} 和 {1}。"), max: $..("输入小于或等于 {0} 的值。"), min : $..("请输入一个大于或等于{0}的值。")},

如果需要修改，可以在js代码中添加：

.(.., { : "必填字段", : "请更正此字段", email: "请输入正确的电子邮件格式", url: "请输入合法的 URL", date: "请输入合法的 URL 日期", : "请输入有效日期 (ISO)。", : "请输入有效数字", : "只能输入整数", : "请输入有效的信用卡号码", : "请输入相同的号码再次输入数字值", : "请输入合法后缀的字符串", : ..("请输入长度至少为{0}的字符串"), : ..("请输入长度至少为{0}的字符串至少 {0} 个字符串"), : ..("请输入长度在 {0} 到 {1} 之间的字符串"), range: ..("请输入长度在 {0} 之间的字符串和 {1} 之间的值"), max: ..("请输入一个最大值为 {0} 的值"), min: ..("请输入一个最小值为 {0} 的值“）}）；

推荐的做法是将此文件放入.js并引入到页面中

四、使用方法 1、将验证规则写入控件中

$().ready(() { $("#").();});

要使用class="{}"，必须引入包：..js

您可以使用以下方法修改提示内容：class="{:true,:5,:{:'请输入内容'}}"

使用关键字时，以下内容必须用引号括起来，如下代码：class="{:true,:5,:'#'}"

2、将验证规则写入js代码中

$().ready(() { $("#").({ 规则: { : "", 电子邮件: { : true, 电子邮件: true }, : { : true, : 5 }, : { : true, : 5, : "#" } }, : { : "请输入您的姓名", email: { : "请输入您的电子邮件地址", email: "请输入正确的电子邮件地址" }, : { : "请输入您的密码" , : .("密码不能少于{0}个字符") }, : { : "请输入确认密码", : "确认密码不能少于5个字符", : "密码输入两次不一致" } } } );});

//此时如果某个控件不存在，则会调用默认信息

:true 必须有一个值："#aa:" 如果表达式的值为 true，则需要验证：(){} 返回 true。 后两者是表格中常用的，需要同时填写或不填写。

五、常用方法及需要注意的问题 1、使用其他方法替换默认的 $().ready(() { $("#").({ :(form){alert(""); form.( ); } });});

使用ajax方法

$(".").({ : (form) { $(form).(); } })

可以设置的默认值写法如下： $..({ : (form) {alert("!");form.(); }});

如果要提交表单，需要使用form.()而不是$(form).()

2、调试，只验证，不提交表单。 如果该参数为true，则不会提交表单，只进行检查，这在调试时非常方便。

$().ready(() { $("#").({ debug:true });}); 如果页面上有多个表单要设置为调试，请使用 $..({ debug: true })

3.：忽略某些元素，不验证：“.” 4. 更改错误信息显示的位置：

：将错误信息放在已验证的元素后面，以指示错误的位置。 默认为：错误。(.()); 即，将错误消息放在已验证的元素后面： (error, ) { error.(.() ); }

//例子：

: (错误, ) { if ( .is(":radio") ) 错误。( .().next().next() ); 否则 if ( .is(":") ) 错误。 （ 。下一个（ ） ）; 否则错误。( .().next() );}

代码的作用是：正常情况下，错误信息显示在 中，如果是单选则显示在 中，如果是显示在内容后面

: : "error"指定错误提示的css类名，可以自定义错误提示的样式。

: : "label" 应该用什么标签来标记错误？ 默认为标签。 你可以把它改成em。

：显示或隐藏验证信息。 它可以自动更改容器属性，以在出现错误消息时显示，并在没有错误时隐藏。 没什么用处：“#，#”

：将错误信息放入容器中。

: 顶部应该用什么标签包裹？

一般同时使用这三个属性来实现显示一个容器中所有错误提示，并在没有信息时自动隐藏的功能。

: "div.error",: $("# div.error"),: "li"

5.更改错误信息显示样式。 设置错误提示的样式。 您可以添加图标显示。 在本系统中，专门创建了一个.css来维护验证文件的样式。

input.error { : 1px 纯红色; }label.error { :url("./demo//.gif") no- 0px 0px;

-左：16px；

-：2 像素；

字体-：粗体；

颜色：#;}标签。 { :url("./demo//.gif") no- 0px 0px;}

6 通过执行函数验证每个字段：待验证元素验证通过后的动作。 如果后面跟一个字符串，则会被视为一个 css 类，也可以后面跟一个函数： (label) { // set as text for IE label .html("").(""); //label.("valid").text("Ok!")}在验证元素中添加“valid”，CSS中定义的样式：“valid”

7、虽然下面的验证触发方式修改是典型的，但是建议不要随意添加，除非你想改成false。

: : true 提交时验证。 如果设置为 false，则使用其他方法验证： : true 失去焦点时验证（不包括 /radio）: : true keyup 时验证。 : : true 用单选点击时验证: : true 提交表单后，验证失败的表单（第一个验证失败的表单或提交前获得焦点的验证失败的表单）将获得焦点: : false 如果为 true 则消除错误当验证失败的元素获得焦点时显示消息。避免使用 with

// 重置表单 $().ready(() { var = $("#").({ :(form){alert(""); form.(); } }); $("#reset “）。点击（（） { 。（）; }）;

});

8 异步验证：使用ajax对URL进行验证。 默认情况下，当前验证值将提交到远程地址。 如果需要提交其他值，可以使用数据选项。

：“检查电子邮件.php”

: { url: "check-email.php", //后台处理程序 type: "post", //数据发送方式: "json", //接受数据格式 data: { //要传输的数据: () { $("#").val(); } }}

远程地址只能输出“true”或“false”，不能输出其他内容。

9 添加自定义验证：姓名、自定义验证方式

// 两个字节的汉字..("", (value, , param) { var = value.; for(var i = 0; i < value.; i++){ if(value.(i) > 127 ) { ++; } } this.() || ( >= param[0] && 1){

错误的;

if(值>=[0] && 值