validate效验规则

Posted 2020-09-24 夏日的微笑

<script src="js/jquery.validate.js" ></script>  

（2）默认的校验规则： 

1 required:true 必须输入的字段。 
2 remote:”check.PHP” 使用 ajax 方法调用 check.php 验证输入值。 
3 email:true 必须输入正确格式的电子邮件。 
4 url:true 必须输入正确格式的网址。 
5 date:true必须输入正确格式的日期。日期校验 ie6 出错，慎用。 
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。

 

 在标签中使用也有两种方法 

（1）<input type="text" name="name2" class="number required"/> 
（2）<input type="text" name="name1" email="true" 
required="true"/> 

 $(‘form[name=myform]‘).validate({ rules:{ name:{ required:true, minlength:2, maxlength:10 }, tel:{ required:true, minlength:7, maxlength:11, isMobile:true }, company:{ required:true, minlength:2 }, address:{ required:true, minlength:2 }, city:{ required:true, }, service:{ required:false }, num:{ required:true, number:true, range:[1,10000] } }, messages:{ name:{ required:"最少为2个字！" }, tel:{ required:"请填写手机号码！", isMobile:"请填写11位的手机号码!" }, company:{ required:"公司名称最少为2个字符！" }, address:{ required:‘请填写地址！‘ }, city:{ required:"请填写城市！" }, num:{ required:"请填写正确的拿货量！" } }, errorPlacement:function(error,element){ error.appendTo(element.next()); //忽略自定义方法的错误提示 if (error.text() == "ignore") { return ‘‘; } }, errorElement:"span", submitHandler:function(form){ $(form).ajaxSubmit({ url:"php/order.php", type:"post", success:function(){ // alert("提交成功！"); $(".shadow").show(); $(".confirm_btn").click(function(){ window.location.href="http://55927461.m.weimob.com/vshop/55927461/Index?PageId=513198&IsPre=1"; }) } }) } });