Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

时间:2022-11-04 16:03:01

一、扩展easyui的验证规则

 

Js代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,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.    

  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代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

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

 

Html代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

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

 

三、部分校验方法

 

Js代码 下载  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  1. /** 

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

  3. */  

  4. function trim(str) {  

  5.     if(str == null){  

  6.         return "";  

  7.     }  

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

  9. };  

  10.   

  11. /**  

  12.  * 是否为Null  

  13.  *  object  

  14.  * @returns {Boolean}  

  15.  */    

  16. function isNull(object){    

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

  18.         return true;    

  19.     }    

  20.     return false;    

  21. };   

  22.   

  23. /**  

  24.  * 是否为空字符串,有空格不是空字符串  

  25.  * str  

  26.  *  {Boolean}  

  27.  */    

  28. function isEmpty(str){    

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

  30.             str == ""){    

  31.         return true;    

  32.     }    

  33.     return false;    

  34. };  

  35.   

  36. /**  

  37.  * 是否为空字符串,全空格也是空字符串  

  38.  *  str  

  39.  *  {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. };  

 

Js代码下载   Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  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代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  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代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  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代码下载   Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  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代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  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代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  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代码  Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

  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. };