aquery验证

Posted 2020-11-03 呱呱的呱呱

1. // 手机号码验证  
2. jQuery.validator.addMethod("mobile", function(value, element) {  
3.     var length = value.length;  
4.     var mobile =  /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/  
5.     return this.optional(element) || (length == 11 && mobile.test(value));  
6. }, "手机号码格式错误");    
7.   
8. // 电话号码验证    
9. jQuery.validator.addMethod("phone", function(value, element) {  
10.     var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;  
11.     return this.optional(element) || (tel.test(value));  
12. }, "电话号码格式错误");  
13.   
14. // 邮政编码验证    
15. jQuery.validator.addMethod("zipCode", function(value, element) {  
16.     var tel = /^[0-9]{6}$/;  
17.     return this.optional(element) || (tel.test(value));  
18. }, "邮政编码格式错误");  
19.   
20. // QQ号码验证    
21. jQuery.validator.addMethod("qq", function(value, element) {  
22.     var tel = /^[1-9]\d{4,9}$/;  
23.     return this.optional(element) || (tel.test(value));  
24. }, "qq号码格式错误");  
25.   
26. // IP地址验证  
27. jQuery.validator.addMethod("ip", function(value, element) {  
28.     var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;  
29.     return this.optional(element) || (ip.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256));  
30. }, "Ip地址格式错误");  
31.   
32. // 字母和数字的验证  
33. jQuery.validator.addMethod("chrnum", function(value, element) {  
34.     var chrnum = /^([a-zA-Z0-9]+)$/;  
35.     return this.optional(element) || (chrnum.test(value));  
36. }, "只能输入数字和字母(字符A-Z, a-z, 0-9)");  
37.   
38. // 中文的验证  
39. jQuery.validator.addMethod("chinese", function(value, element) {  
40.     var chinese = /^[\u4e00-\u9fa5]+$/;  
41.     return this.optional(element) || (chinese.test(value));  
42. }, "只能输入中文");  
43.   
44. // 下拉框验证  
45. $.validator.addMethod("selectNone", function(value, element) {  
46.     return value == "请选择";  
47. }, "必须选择一项");  
48.   
49. // 字节长度验证  
50. jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {  
51.     var length = value.length;  
52.     for (var i = 0; i < value.length; i++) {  
53.         if (value.charCodeAt(i) > 127) {  
54.             length++;  
55.         }  
56.     }  
57.     return this.optional(element) || (length >= param[0] && length <= param[1]);  
58. }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));  

//回显select下拉选的值（很实用）

 

<select name="sex" id="select">
<option value="0">男</option>
<option value="1">女</option>
</select>

<script type="text/javascript">
var sex = ${show.sex};
alert(sex)
//获取id是select的select属性
var s = document.getElementById("select");
//获得该sex下的所有option元素，返回的是一个数组
var user_sex = s.getElementsByTagName("option");
for(var i=0;i<user_sex.length;i++){
if(user_sex[i].value==sex){
user_sex[i].selected = true;
}
}

//使用jq-validate插件校验
$("#form1").validate({
rules:{
uname:{
required:true,
minlength:2,

},
upwd:{
required:true,
minlength:5
},
upwd1:{
required:true,
equalTo:"#upwd"
},
phone:{
digits:true,
rangelength:[11,11]
}

},
messages:{
uname:{
required:‘用户名不能为空‘,
minlength:"长度至少为2",

},

upwd:{
required:‘用户密码不能为空‘,
minlength:"长度至少为5"
},
upwd1:{
required:‘请再次输入密码‘,
equalTo:"两次输入的密码不一样"
},
phone:{
digits:"请输入正确的号码",
rangelength:"请输入正确的长度"
}
}
})
</script>

 

//回显单选按钮的值（很实用）

<input type="radio" name="quanxian" id="auth" value="1" ${show.quanxian==1? "checked=‘checked‘":""  } />经理

 

 

//保证输入的格式是2012-2-12

<script type="text/javascript">
$("#form1").validate({
rules:{
time:{
required:true,
checkTimeExist:true
}
},
messages:{
time:{
required:‘这是必填字段‘,
checkTimeExist:‘请输入正确的格式‘
}
}

})

jQuery.validator.addMethod("checkTimeExist", function(value, element){
var ereg = /^(\d{1,4})(-)(\d{1,2})(-)(\d{1,2})$/;
var r = value.match(ereg);
if (r == null) {
return false;
}
var d = new Date(r[1], r[3] - 1, r[5]);
var result = (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[5]);
return this.optional(element) || (result);
}, "请输入正确的日期");
</script>