码迷,mamicode.com
首页 > 其他好文 > 详细

validation 插件模板,

时间:2017-04-14 22:12:47      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:user   min   code   规则   remote   contain   set   rem   重复   

  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 插件模板,

标签:user   min   code   规则   remote   contain   set   rem   重复   

原文地址:http://www.cnblogs.com/gjKai/p/6711085.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!