jquery 验证

function checkForm(){
      validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
         errorElement :"span",// 使用"div"标签标记错误, 默认:"label","span"默认直接在文本框右边显示
          //wrapper:"li",// 使用"li"标签再把上边的errorELement包起来
          //errorClass :"validate-error",// 错误提示的css类名"error"
          //onsubmit:false,// 是否在表单提交时验证,默认:true
          //onfocusout:false,// 是否在获取焦点时验证,默认:true
          //onkeyup :false,// 是否在敲击键盘时验证,默认:true
          //onclick:false,// 是否在鼠标点击时验证(一般验证checkbox,radiobox)
         //focusCleanup:false,// 当未通过验证的元素获得焦点时,并移除错误提示,默认false
         //focusInvalid : true, //提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点,默认true
         //ignore: "#cname"  //对某些元素不做验证,值对应选择器,如果需要忽略多个文本框,可以使用class类选择器
         ignoreTitle: true,
         validClass: "valid", //验证成功时,使用的css类名
         success: function(label) { //验证成功时使用的提示消息
              label.addClass("valid").html("Ok!")
            },
         submitHandler:function(form){//如果验证通过,点击submit按钮后执行的操作,注:使用此方法后,form中的action="xx"会失效
             alert('验证通过');
         },
         invalidHandler: function(form, validator) {//如果验证不通过,此处执行额外操作
               var errors = validator.numberOfInvalids(); //获得错误总数
             var message = '你存在' + errors + '个错误';
             //alert(message);
         },
         rules:{
             "x.name":{  //需要进行验证的输入框name
                 required: true,  //验证条件:必填
                 minlength3: 5,// 验证条件:最小长度为5
                 maxlength3 : 10,
                 checkCharType : [true,false,false,null]
             },
             "x.sex":{  //需要进行验证的输入框name
                 required: true,  //验证条件:必填
                 minlength2: 5,// 验证条件:最小长度为5
                 maxlength2 : 10
             },
         },
         messages:{
             "x.name":{
                 required : "不能为空",
                 minlength : "最小值为5"
             },
             "x.sex":{
                 required : "不能为空",
                 minlength : "最小值为5"
             }
         }
     });
 }
 
 function xx(){
     //alert($("#commentForm").validate().form()); //执行表单验证,同时判断验证是否通过,如果通过返回true,否则返回false
     $("#commentForm").valid(); //$("#commentForm").valid()表示运行form的表单验证
 }
 
 function cl(){
     $("#commentForm").validate().resetForm(); //清空所有的错误提示
 }




/********************************************************************************默认校验规则
(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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值