首页 > 代码库 > validation 插件模板,

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" ; //忽略某个;

 

validation 插件模板,