jquery validate.js x学习

      学习了 jquery validate.js 这个是 jquery 的插件，我觉得么，用了jquery 改变了我们很多的编程习惯，我们都习惯与传统的验证方式，将验证的js 写到 form 的页面中，或者 抽取出来，写在一个js中

 但是jquery validate.js 这个东西，感觉就不是在写传统的js。

 还是看看 jquery validate. 给的 zip包中的demo吧

 

一、默认校验规则
(1)required:true               必输字段
(2)remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)email:true                  必须输入正确格式的电子邮件
(4)url:true                    必须输入正确格式的网址
(5)date:true                   必须输入正确格式的日期
(6)dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)number:true                 必须输入合法的数字(负数，小数)
(8)digits:true                 必须输入整数
(9)creditcard:                 必须输入合法的信用卡号
(10)equalTo:"#field"           输入值必须和#field相同
(11)accept:                    输入拥有合法后缀名的字符串（上传文件的后缀）
(12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10]               输入值必须介于 5 和 10 之间
(16)max:5                      输入值不能大于5
(17)min:10                     输入值不能小于10

 

  ajaxSubmit-intergration-demo.html 文件中引用了三个 文件

<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../lib/jquery.form.js" type="text/javascript"></script>
<script src="../jquery.validate.js" type="text/javascript"></script>

 这种验证方式利用了 jquery.form.js"

将错误信息提示写在了，title中，class中的 required 是validate 中的关键字 约定条件

     <input id="user" name="user" title="Please enter your username (at least 3 characters)" class="required" minlength="3" />
 2 利用metadata，将提示信息规则，提示信息封装起来，custom-messages-metadata-demo.html

     <input id="cemail" name="email" class="{validate:{required:true, email:true, messages:{required:'Please enter your email address', email:'Please enter a valid email address'}}}"/>
   封装成类

3 errorcontainer-demo.html 利用了 错误提示版的方式 与metadata

 

发现jquery 的validate 很复杂恩