一、擴充套件easyui的驗證規則

1.  /* easyUI自帶的校驗 */  
2.  /*  
3.   email: Match email regex rule. 
4.   url: Match URL regex rule. 
5.   length[0,100]: Between x and x characters allowed. 
6.   remote['http://.../action.do','paramName']: Send ajax request to do validate value, return 'true' when successfully.  
7.  */  
8.  $.extend($.fn.validatebox.defaults.rules, {  
9.     phone : {//手機號碼校驗  
10.         validator: function(value, param){  
11.             return checkPhone(value);  
12.         },  
13.         message: '請輸入正確的手機號碼。'  
14.     },  
15.     myEmail : {//郵箱校驗，避免使用email和預設的衝突  
16.         validator: function(value, param){  
17.             return checkEmail(value);  
18.         },  
19.         message: '請輸入正確的郵箱'
      
20.     },  
21.     loginName : {//登入名，數字、英文字母或者下劃線  
22.         validator: function(value, param){  
23.             return checkLoginName(value);  
24.         },  
25.         message: '只能輸入數字、英文字母或者下劃線'  
26.     },  
27.     telePhone : {//座機，區號及分機號可有可無  
28.         validator: function(value, param){  
29.             return checkTelePhone(value);  
30.         },  下載
31.         message: '請輸入正確的座機號碼'  
32.     },  
33.     chinese : {//  
34.         validator: function(value, param){  
35.             return checkChinese(value);  
36.         },  
37.         message: '只能輸入中文漢字'  
38.     },  
39.     number : {//正整數，包括0（00，01非數字）  
40.         validator: function(value, param){  
41.             return isNumber(value);  
42.         },  
43.         message: '只能輸入數字（01非數字）'  
44.     },  
45.     numberText : {//數字組成的字串，如000222，22220000，00000  
46.         validator: function(value, param){  
47.             return isNumberText(value);  
48.         },  
49.         message: '只能輸入數字字串'  
50.     },  
51.     idCardNo : {//身份證  
52.         validator: function(value, param){  
53.             return isIdCardNo(value);  
54.         },  
55.         message: '請輸入正確的身份證號碼'  
56.     },  
57.     money : {//金額  
58.         validator: function(value, param){  
59.             return isFloat(value);  
60.         },  
61.         message: '請輸入正確的數字'  
62.     },  
63.     floatNumber : {//數字（包括正整數、0、浮點數）  
64.         validator: function(value, param){  
65.             return isFloat(value);  
66.         },  
67.         message: '請輸入正確的數字'  
68.     },  
69.     minLength: {  
70.         validator: function(value, param){  
71.             return value.length >= param[0];  
72.         },  
73.         message: '請輸入至少 {0}個字元。'  
74.     },  
75.     maxLength: {  
76.         validator: function(value, param){  
77.             return value.length <= param[0];  
78.         },  
79.         message: '不能輸入超過{0}個字元。'  
80.     }  
81. });  

二、使用

在data-option加上屬性：validType:'phone'下載，如下面所示：

1. data-options="required:true,validType:'phone'"  

1. data-options="required:false,validType:'telePhone'"  

三、部分校驗方法

1. /** 
2. * 去掉字串頭尾空格 
3. * @param str 傳入的字串值 
4. * @author lqy 
5. * @since 2015-08-21 
6. */  
7. function trim(str) {  
8.     if(str == null){  
9.         return "";  
10.     }  
11.     return str.replace(/(^\s*)|(\s*$)/g, "");  
12. };  
13. /**  
14.  * 是否為Null  
15.  * @param object  
16.  * @returns {Boolean}  
17.  */    
18. function isNull(object){    
19.     if(object == null || typeof object == "undefined"){    
20.         return true;    
21.     }    
22.     return false;    
23. };   
24. /**  
25.  * 是否為空字串，有空格不是空字串  
26.  * @param str  
27.  * @returns {Boolean}  
28.  */    
29. function isEmpty(str){    
30.     if(str == null || typeof str == "undefined" ||     
31.             str == ""){    
32.         return true;    
33.     }    
34.     return false;    
35. };  
36. /**  
37.  * 是否為空字串，全空格也是空字串  
38.  * @param str  
39.  * @returns {Boolean}  
40.  */    
41. function isBlank(str){    
42.     if(str == null || typeof str == "undefined" ||     
43.             str == "" || trim(str) == ""){    
44.         return true;    
45.     }    
46.     return false;    
47. };  

1. /** 
2.  * 檢查手機號碼 
3.  * @param z_check_value 要檢查的值 
4.  * @return 符合返回true，否false 
5.  * @since 2015-08-21 
6. */  
7. function checkPhone(z_check_value) {  
8.     if(isEmpty(z_check_value) || z_check_value.length != 11){  
9.         return false;  
10.     }  下載
11.     var z_reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0-9]{9}|(14[57][0-9]{8})|(17[015678][0-9]{8})$/;  
12.     return z_reg.test(z_check_value);  
13. };  

1. /** 
2.  * 檢查電子郵箱 
3.  * @param z_check_value 要檢查的值 
4.  * @return 符合返回true，否false 
5.  * @since 2015-08-21 
6. */  
7. function checkEmail(z_check_value){  
8.     //var emailReg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9][email protected]([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;  
9.     var z_reg =  /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;  
10.     return z_reg.test($.trim(z_check_value));  
11. };  

1. /** 
2.  * 檢查登入名（由數字、26個英文字母或者下劃線組成的字串） 
3.  * @param z_check_value 要檢查的值 
4.  * @return 符合返回true，否false 
5.  * @since 2015-12-29 
6. */  
7. function checkLoginName(z_check_value){  
8.     var z_reg = /^\w+$/;  
9.     return z_reg.test($.trim(z_check_value));  
10. };  

1. /** 
2.  * 檢查電話號碼 
3.  * @param z_check_value 要檢查的值 
4.  * @return 符合返回true，否false 
5.  * @since 2015-08-21 
6. */  
7. function checkTelePhone(z_check_value){  
8.     var z_reg = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,4}))?$/;  
9.     return z_reg.test($.trim(z_check_value));  
10. };  

1. /** 
2.  * 檢查僅中文 
3.  * @param z_check_value 要檢查的值 
4.  * @return 符合返回true，否false 
5.  * @since 2015-08-21 
6. */  下載
7. function checkChinese(z_check_value){  
8.     var z_reg = /^[\u4E00-\u9FA5\uF900-\uFA2D]+$/;  
9.     return z_reg.test($.trim(z_check_value));  
10. };  

1. /** 
2.  * 是否為數字 
3.  * @param z_check_value 要檢查的值 
4.  * @return 符合返回true，否false