JqueryEasyui验证扩展，EasyUI增加校验规则，Easyui验证，Easyui校验

一、扩展easyui的验证规则

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：空间域名、网站空间、营销软件、网站建设、辽阳县网站维护、网站推广。

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 : {//手机号码校验  

11.         validator: function(value, param){  

12.             return checkPhone(value);  

13.         },  

14.         message: '请输入正确的手机号码。'  

15.     },  

16.     myEmail : {//邮箱校验，避免使用email和默认的冲突  

17.         validator: function(value, param){  

18.             return checkEmail(value);  

19.         },  

20.         message: '请输入正确的邮箱'  

21.     },  下载 

22.     loginName : {//登录名，数字、英文字母或者下划线  

23.         validator: function(value, param){  

24.             return checkLoginName(value);  

25.         },  

26.         message: '只能输入数字、英文字母或者下划线'  

27.     },  

28.     telePhone : {//座机，区号及分机号可有可无  

29.         validator: function(value, param){  

30.             return checkTelePhone(value);  

31.         },  

32.         message: '请输入正确的座机号码'  

33.     },  

34.     chinese : {//  

35.         validator: function(value, param){  

36.             return checkChinese(value);  

37.         },  

38.         message: '只能输入中文汉字'  

39.     },  

40.     number : {//正整数，包括0（00，01非数字）  

41.         validator: function(value, param){  

42.             return isNumber(value);  

43.         },  

44.         message: '只能输入数字（01非数字）'  

45.     },  

46.     numberText : {//数字组成的字符串，如000222，22220000，00000  

47.         validator: function(value, param){  

48.             return isNumberText(value);  

49.         },  

50.         message: '只能输入数字字符串'  

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: '请输入正确的数字'  

63.     },  

64.     floatNumber : {//数字（包括正整数、0、浮点数）  

65.         validator: function(value, param){  

66.             return isFloat(value);  

67.         },  

68.         message: '请输入正确的数字'  

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.  * 检查手机号码 

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.  * 检查登录名（由数字、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.  * 是否为数字 

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.  * 是否为数字组成的字符串，01也符合规则 

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.  * 可以判断是否为数字、金额、浮点数 

3.  * 

4. */  

5. function isFloat(z_check_value){  

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

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

8. };