Jquery Easyui驗證擴(kuò)展，EasyUI增加校驗規(guī)則，Easyui驗證，Easyui校驗

一、擴(kuò)展easyui的驗證規(guī)則

Js代碼  

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.    

9.  $.extend($.fn.validatebox.defaults.rules, {  

10.     phone : {//手機(jī)號碼校驗  

11.         validator: function(value, param){  

12.             return checkPhone(value);  

13.         },  

14.         message: '請輸入正確的手機(jī)號碼。'  

15.     },  

16.     myEmail : {//郵箱校驗，避免使用email和默認(rèn)的沖突  

17.         validator: function(value, param){  

18.             return checkEmail(value);  

19.         },  

20.         message: '請輸入正確的郵箱'  

21.     },  下載 

22.     loginName : {//登錄名，數(shù)字、英文字母或者下劃線  

23.         validator: function(value, param){  

24.             return checkLoginName(value);  

25.         },  

26.         message: '只能輸入數(shù)字、英文字母或者下劃線'  

27.     },  

28.     telePhone : {//座機(jī)，區(qū)號及分機(jī)號可有可無  

29.         validator: function(value, param){  

30.             return checkTelePhone(value);  

31.         },  

32.         message: '請輸入正確的座機(jī)號碼'  

33.     },  

34.     chinese : {//  

35.         validator: function(value, param){  

36.             return checkChinese(value);  

37.         },  

38.         message: '只能輸入中文漢字'  

39.     },  

40.     number : {//正整數(shù)，包括0（00，01非數(shù)字）  

41.         validator: function(value, param){  

42.             return isNumber(value);  

43.         },  

44.         message: '只能輸入數(shù)字（01非數(shù)字）'  

45.     },  

46.     numberText : {//數(shù)字組成的字符串，如000222，22220000，00000  

47.         validator: function(value, param){  

48.             return isNumberText(value);  

49.         },  

50.         message: '只能輸入數(shù)字字符串'  

51.     },  

52.     idCardNo : {//×××  

53.         validator: function(value, param){  

54.             return isIdCardNo(value);  

55.         },  

56.         message: '請輸入正確的×××號碼'  

57.     },  

58.     money : {//金額  

59.         validator: function(value, param){  

60.             return isFloat(value);  

61.         },  

62.         message: '請輸入正確的數(shù)字'  

63.     },  

64.     floatNumber : {//數(shù)字（包括正整數(shù)、0、浮點數(shù)）  

65.         validator: function(value, param){  

66.             return isFloat(value);  

67.         },  

68.         message: '請輸入正確的數(shù)字'  

69.     },  

70.     minLength: {  

71.         validator: function(value, param){  

72.             return value.length >= param[0];  

73.         },  

74.         message: '請輸入至少 {0}個字符。'  

75.     },  

76.     maxLength: {  

77.         validator: function(value, param){  

78.             return value.length <= param[0];  

79.         },  

80.         message: '不能輸入超過{0}個字符。'  

81.     }  

82. });  

二、使用下載 

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

Html代碼  

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

Html代碼  

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

三、部分校驗方法

Js代碼 下載  

1. /** 

2. * 去掉字符串頭尾空格 

3. * 

4. */  

5. function trim(str) {  

6.     if(str == null){  

7.         return "";  

8.     }  

9.     return str.replace(/(^\s*)|(\s*$)/g, "");  

10. };  

11.   

12. /**  

13.  * 是否為Null  

14.  *  object  

15.  * @returns {Boolean}  

16.  */    

17. function isNull(object){    

18.     if(object == null || typeof object == "undefined"){    

19.         return true;    

20.     }    

21.     return false;    

22. };   

23.   

24. /**  

25.  * 是否為空字符串，有空格不是空字符串  

26.  * str  

27.  *  {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.  * 是否為空字符串，全空格也是空字符串  

39.  *  str  

40.  *  {Boolean}  

41.  */    

42. function isBlank(str){    

43.     if(str == null || typeof str == "undefined" ||     

44.             str == "" || trim(str) == ""){    

45.         return true;    

46.     }    

47.     return false;    

48. };  

Js代碼下載   

1. /** 

2.  * 檢查手機(jī)號碼 

3.  * 

4. */  

5. function checkPhone(z_check_value) {  

6.     if(isEmpty(z_check_value) || z_check_value.length != 11){  

7.         return false;  

8.     }  

9.     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})$/;  

10.     return z_reg.test(z_check_value);  

11. };  

Js代碼  

1. /** 

2.  * 檢查電子郵箱 

3.  *  

4. */  

5. function checkEmail(z_check_value){  

6.     //var emailReg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;  

7.     var z_reg =  /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;  

8.     return z_reg.test($.trim(z_check_value));  

9. };  

Js代碼  

1. /** 

2.  * 檢查登錄名（由數(shù)字、26個英文字母或者下劃線組成的字符串） 

3.  * 

4. */  

5. function checkLoginName(z_check_value){  

6.     var z_reg = /^\w+$/;  

7.     return z_reg.test($.trim(z_check_value));  

8. };  

Js代碼下載   

1. /** 

2.  * 檢查電話號碼 

3.  * 

4. */  

5. function checkTelePhone(z_check_value){  

6.     var z_reg = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,4}))?$/;  

7.     return z_reg.test($.trim(z_check_value));  

8. };  

Js代碼  

1. /** 

2.  * 檢查僅中文 

3.  * 

4. */  

5. function checkChinese(z_check_value){  

6.     var z_reg = /^[\u4E00-\u9FA5\uF900-\uFA2D]+$/;  

7.     return z_reg.test($.trim(z_check_value));  

8. };  

Js代碼  

1. /** 

2.  * 是否為數(shù)字 

3.  *

4. */  

5. function isNumber(z_check_value){  

6.     var z_reg = /^(([0-9])|([1-9]([0-9]+)))$/;  

7.     return z_reg.test($.trim(z_check_value));  

8. };  

Js代碼   

1. /** 

2.  * 是否為數(shù)字組成的字符串，01也符合規(guī)則 

3.  *

4. */  

5. function isNumberText(z_check_value){  

6.     var z_reg = /^([0-9]+)$/;  

7.     return z_reg.test($.trim(z_check_value));  

8. };  

Js代碼  

1. /** 

2.  * 可以判斷是否為數(shù)字、金額、浮點數(shù) 

3.  * 

4. */  

5. function isFloat(z_check_value){  

6.     var z_reg = /^((([0-9])|([1-9][0-9]+))(\.([0-9]+))?)$/;//.是特殊字符，需要轉(zhuǎn)義  

7.     return z_reg.test($.trim(z_check_value));  

8. };