validation 插件模板， 

  1 /**
  2  * author:Kai
  3  * validation 模板
  4  */
  5 //调用validator 返回form对象；
  6 var form=$('#form').validate({
  7     submitHandler:function(form){
  8         //当所有都通过的时候点击提交将会触发这个方法；
  9         //form参数 是 #form 这元素；
 10         $(form).ajaxSubmit({
 11             url:,
 12             type:'post',
 13             beforeSubmit:function(){//提交之前；
 14 
 15             },
 16             success:function(data){
 17 
 18             }
 19         });
 20     },
 21     invalidHandler:function(form,validator){
 22         //当未通过验证的表单提交时
 23     },
 24     errorLabelContainer:"#register ol",//错误信息放到这；
 25     wrapper:'li',//错误信息的label 用<li></li>包裹；
 26     errorClass:"cc", //给错误信息用cc这个class；
 27     errorElement:"li", //把错误信息用<Li></li>标签装着；
 28     showErrors:function(errorMap,errorList){
 29         var errors=this.numberOfValids();//获取错误信息的个数；
 30         if(errors>0){
 31 
 32         }else{
 33 
 34         }
 35     },
 36     highlight:function(element,errorClass){
 37         //错误的时候触发； 输入的时候element,代表输入的时候的元素；
 38         //errorClass 代表输入的元素的class；
 39         
 40     },
 41     unhighlight:function(element,errorClass){
 42         //成功的时候触发；
 43     },
 44     rules:function(){
 45         username:{
 46             required:true,
 47             at:true, //自定义规则；
 48             /*minlength:3,
 49             maxlength:20,*/
 50             rangelength:[3,20],//一个包含上面两个；
 51             //remote:'checkusername.php', //字符串直接发送，返回"true"通过，返回“false” 不通过；
 52             remote:{
 53                 url:'checkusername.php',
 54                 type:'post',
 55                 complete:function(xhr){
 56                     //完成的时候触发；
 57                 }
 58             }
 59         },
 60         password:{
 61             rangelength:[6,20],
 62         },
 63         repassword:{
 64             equalTo:'#password', //重复密码和密码一直；
 65         },
 66         email:{
 67             email:true,
 68         },
 69         birthday:{
 70             date:true,
 71         },
 72         url:{
 73             url:true,
 74         }
 75 
 76     },
 77     messages:{
 78 
 79     }
 80 
 81 });
 82 //自定义规则；
 83 $.validator.addMethod('at',function(value,element){
 84     var pattern=/@+/g;
 85     return this.optional(element) || pattern.test(value);
 86 },'错误的时候提示信息');
 87 if($('#form').valid()){
 88     //判断是否全部通过；
 89 }
 90 $('#form').resetForm();
 91 validator.showErrors({
 92     username:'填错了', //自定义错误；
 93 })
 94 $.validtor.addClassRules({
 95     //给class 有cc 的加上下面的规则；
 96     cc:{
 97         required:true,
 98         minlength:5,
 99     }
100 })
101 ignore:"#username" ; //忽略某个；

 

posted @ 2017-04-14 21:43  gjKai  阅读(170)  评论(0)    收藏  举报

test