easyui validatebox 验证类型

转载自：http://blog.youkuaiyun.com/jumtre/article/details/38680385

required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
minlength: jquery.format("请输入一个长度最少是 {0} 的字符串"),
rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
max: jQuery.format("请输入一个最大为 {0} 的值"),
min: jQuery.format("请输入一个最小为 {0} 的值")

data-options="required:true,validType:'length[1,3]'" ;//输入字符长度1-3位

boolen b=$('#txt_Name').validatebox("isValid");//验证结果

 注意日期格式验证必须自己重写，参考如下

[javascript]  view plain  copy

1. $.extend($.fn.validatebox.defaults.rules, {  
2.            idcard: {// 验证身份证  
3.                validator: function (value) {  
4.                    return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);  
5.                },  
6.                message: '身份证号码格式不正确'  
7.            },  
8.            minLength: {  
9.                validator: function (value, param) {  
10.                    return value.length >= param[0];  
11.                },  
12.                message: '请输入至少（2）个字符.'  
13.            },  
14.            length: { validator: function (value, param) {  
15.                var len = $.trim(value).length;  
16.                return len >= param[0] && len <= param[1];  
17.            },  
18.                message: "输入内容长度必须介于{0}和{1}之间."  
19.            },  
20.            phone: {// 验证电话号码  
21.                validator: function (value) {  
22.                    return /^(( \d2,3 )|(\d{3}\-))?( 0\d2,3 |0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);  
23.                },  
24.                message: '格式不正确,请使用下面格式:020-88888888'  
25.            },  
26.            mobile: {// 验证手机号码  
27.                validator: function (value) {  
28.                    return /^(13|15|18)\d{9}$/i.test(value);  
29.                },  
30.                message: '手机号码格式不正确'  
31.            },  
32.            intOrFloat: {// 验证整数或小数  
33.                validator: function (value) {  
34.                    return /^\d+(\.\d+)?$/i.test(value);  
35.                },  
36.                message: '请输入数字，并确保格式正确'  
37.            },  
38.            currency: {// 验证货币  
39.                validator: function (value) {  
40.                    return /^\d+(\.\d+)?$/i.test(value);  
41.                },  
42.                message: '货币格式不正确'  
43.            },  
44.            qq: {// 验证QQ,从10000开始  
45.                validator: function (value) {  
46.                    return /^[1-9]\d{4,9}$/i.test(value);  
47.                },  
48.                message: 'QQ号码格式不正确'  
49.            },  
50.            integer: {// 验证整数 可正负数  
51.                validator: function (value) {  
52.                    //return /^[+]?[1-9]+\d*$/i.test(value);  
53.   
54.                    return /^([+]?[0-9])|([-]?[0-9])+\d*$/i.test(value);  
55.                },  
56.                message: '请输入整数'  
57.            },  
58.            age: {// 验证年龄  
59.                validator: function (value) {  
60.                    return /^(?:[1-9][0-9]?|1[01][0-9]|120)$/i.test(value);  
61.                },  
62.                message: '年龄必须是0到120之间的整数'  
63.            },  
64.   
65.            chinese: {// 验证中文  
66.                validator: function (value) {  
67.                    return /^[\Α-\￥]+$/i.test(value);  
68.                },  
69.                message: '请输入中文'  
70.            },  
71.            english: {// 验证英语  
72.                validator: function (value) {  
73.                    return /^[A-Za-z]+$/i.test(value);  
74.                },  
75.                message: '请输入英文'  
76.            },  
77.            unnormal: {// 验证是否包含空格和非法字符  
78.                validator: function (value) {  
79.                    return /.+/i.test(value);  
80.                },  
81.                message: '输入值不能为空和包含其他非法字符'  
82.            },  
83.            username: {// 验证用户名  
84.                validator: function (value) {  
85.                    return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);  
86.                },  
87.                message: '用户名不合法（字母开头，允许6-16字节，允许字母数字下划线）'  
88.            },  
89.            faxno: {// 验证传真  
90.                validator: function (value) {  
91.                    //            return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);  
92.                    return /^(( \d2,3 )|(\d{3}\-))?( 0\d2,3 |0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);  
93.                },  
94.                message: '传真号码不正确'  
95.            },  
96.            zip: {// 验证邮政编码  
97.                validator: function (value) {  
98.                    return /^[1-9]\d{5}$/i.test(value);  
99.                },  
100.                message: '邮政编码格式不正确'  
101.            },  
102.            ip: {// 验证IP地址  
103.                validator: function (value) {  
104.                    return /d+.d+.d+.d+/i.test(value);  
105.                },  
106.                message: 'IP地址格式不正确'  
107.            },  
108.            name: {// 验证姓名，可以是中文或英文  
109.                validator: function (value) {  
110.                    return /^[\Α-\￥]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);  
111.                },  
112.                message: '请输入姓名'  
113.            },  
114.            date: {// 验证姓名，可以是中文或英文  
115.                validator: function (value) {  
116.                    //格式yyyy-MM-dd或yyyy-M-d  
117.                    return /^(?:(?!0000)[0-9]{4}([-]?)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-]?)0?2\2(?:29))$/i.test(value);  
118.                },  
119.                message: '清输入合适的日期格式'  
120.            },  
121.            msn: {  
122.                validator: function (value) {  
123.                    return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);  
124.                },  
125.                message: '请输入有效的msn账号(例：abc@hotnail(msn/live).com)'  
126.            },  
127.            same: {  
128.                validator: function (value, param) {  
129.                    if ($("#" + param[0]).val() != "" && value != "") {  
130.                        return $("#" + param[0]).val() == value;  
131.                    } else {  
132.                        return true;  
133.                    }  
134.                },  
135.                message: '两次输入的密码不一致！'  
136.            }  
137.        });  

//验证实例

[html]  view plain  copy

1. <html xmlns="http://www.w3.org/1999/xhtml">  
2. <head>  
3.     <script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript"></script>  
4.     <script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"></script>  
5.     <!--自定义验证-->  
6.     <script src="easyui1.2.4/validator.js" type="text/javascript"></script>  
7.     <link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />  
8.     <script>  
9.   
10.         $（function （） {  
11.               
12.             //设置text须要验证  
13.             $（""input[type=text]""）.validatebox（）;  
14.         }）  
15.       
16.     </script>  
17. </head>  
18. <body>  
19.     邮箱验证：<input type="text" validtype="email" required="true" missingMessage="不克不及为空" invalidMessage="邮箱格局不正确" /><br />  
20.     网址验证：<input type="text" validtype="url" invalidMessage="url格局不正确[http://www.example.com]" /><br />  
21.     长度验证：<input type="text" validtype="length[8，20]" invalidMessage="有效长度8-20" /><br />  
22.     手机验证：<input type="text" validtype="mobile"  /><br />  
23.     邮编验证：<input type="text" validtype="zipcode" /><br />  
24.     账号验证：<input type="text" validtype="account[8，20]" /><br />  
25.     汉子验证：<input type="text" validtype="CHS" /><br />  
26.     长途验证：<input type="text" validtype="remote[""checkname.aspx""，""name""]" invalidMessage="用户名已存在"/>  
27. </body>  
28. </html>  

本身写的 validator.js

[javascript]  view plain  copy

1. //扩大easyui表单的验证  
2. $.extend（$.fn.validatebox.defaults.rules， {  
3.     //验证汉子  
4.     CHS: {  
5.         validator: function （value） {  
6.             return /^[\u0391-\uFFE5]+$/.test（value）;  
7.         }，  
8.         message: ""只能输入汉字""  
9.     }，  
10.     //移下手机号码验证  
11.     mobile: {//value值为文本框中的值  
12.         validator: function （value） {  
13.             var reg = /^1[3|4|5|8|9]\d{9}$/;  
14.             return reg.test（value）;  
15.         }，  
16.         message: ""输入手机号码格局不正确.""  
17.     }，  
18.     //国内邮编验证  
19.     zipcode: {  
20.         validator: function （value） {  
21.             var reg = /^[1-9]\d{5}$/;  
22.             return reg.test（value）;  
23.         }，  
24.         message: ""邮编必须长短0开端的6位数字.""  
25.     }，  
26.     //用户账号验证（只能包含 _ 数字 字母）   
27.     account: {//param的值为[]中值  
28.         validator: function （value， param） {  
29.             if （value.length < param[0] || value.length > param[1]） {  
30.                 $.fn.validatebox.defaults.rules.account.message = ""用户名长度必须在"" + param[0] + ""至"" + param[1] + ""局限"";  
31.                 return false;  
32.             } else {  
33.                 if （!/^[\w]+$/.test（value）） {  
34.                     $.fn.validatebox.defaults.rules.account.message = ""用户名只能数字、字母、下划线构成."";  
35.                     return false;  
36.                 } else {  
37.                     return true;  
38.                 }  
39.             }  
40.         }， message: """"  
41.     }  
42. }）  

checkname.aspx

[html]  view plain  copy

1. <％＠ Page Language="C＃" ％>  
2. <script runat="server">  
3.     void Page_Load（object sender， System.EventArgs e）  
4.     {  
5.         if （!string.IsNullOrEmpty（Request["name"]））  
6.         {  
7.             string name = "";  
8.             name = Request["name"];  
9.             if （name == "zhxhdean"）  
10.             {//当文本框中值为 zhxhdean，提示用户已存在。 这一步可以去数据库查询  
11.                 Response.Write（"false"）;  
12.                 return;  
13.             }  
14.             else  
15.             {  
16.                 Response.Write（"true"）;  
17.                 return;  
18.             }  
19.         }  
20.     }  
21. </script>