JQueryEasyUI validatebox 扩展其自带验证方法
JQueryEasyUI validatebox自带了几种自带的验证方法,比如非空、邮箱、异步、字符长短等验证方式,但是这些远远满足不了我们自己的使用,先整理了一些扩展方法,使其验证方式更为丰富!
1 $.extend($.fn.validatebox.defaults.rules,{ 2 minLength:{// 判断最小长度 3 validator:function(value,param) { 4 returnvalue.length>=param[0]; 5 }, 6 message:'最少输入 {0} 个字符。' 7 }, 8 length:{validator:function(value,param){ 9 varlen=$.trim(value).length; 10 returnlen>=param[0]&&len<=param[1]; 11 }, 12 message:"输入内容长度必须介于{0}和{1}之间." 13 }, 14 phone:{// 验证电话号码 15 validator:function(value) { 16 return/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value); 17 }, 18 message:'格式不正确,请使用下面格式:020-88888888' 19 }, 20 mobile:{// 验证手机号码 21 validator:function(value) { 22 return/^(13|15|18)\d{9}$/i.test(value); 23 }, 24 message:'手机号码格式不正确' 25 }, 26 idcard:{// 验证身份证 27 validator:function(value) { 28 return/^\d{15}(\d{2}[A-Za-z0-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 message:'请输入整数' 55 }, 56 chinese:{// 验证中文 57 validator:function(value) { 58 return/^[\u0391-\uFFE5]+$/i.test(value); 59 }, 60 message:'请输入中文' 61 }, 62 english:{// 验证英语 63 validator:function(value) { 64 return/^[A-Za-z]+$/i.test(value); 65 }, 66 message:'请输入英文' 67 }, 68 unnormal:{// 验证是否包含空格和非法字符 69 validator:function(value) { 70 return/.+/i.test(value); 71 }, 72 message:'输入值不能为空和包含其他非法字符' 73 }, 74 username:{// 验证用户名 75 validator:function(value) { 76 return/^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value); 77 }, 78 message:'用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)' 79 }, 80 faxno:{// 验证传真 81 validator:function(value) { 82 // return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value); 83 return/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value); 84 }, 85 message:'传真号码不正确' 86 }, 87 zip:{// 验证邮政编码 88 validator:function(value) { 89 return/^[1-9]\d{5}$/i.test(value); 90 }, 91 message:'邮政编码格式不正确' 92 }, 93 ip:{// 验证IP地址 94 validator:function(value) { 95 return/d+.d+.d+.d+/i.test(value); 96 }, 97 message:'IP地址格式不正确' 98 }, 99 name:{// 验证姓名,可以是中文或英文 100 validator:function(value) { 101 return/^[\u0391-\uFFE5]+$/i.test(value)|/^\w+[\w\s]+\w+$/i.test(value); 102 }, 103 message:'请输入姓名' 104 }, 105 carNo:{ 106 validator:function(value){ 107 return/^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value); 108 }, 109 message:'车牌号码无效(例:粤J12350)' 110 }, 111 carenergin:{ 112 validator:function(value){ 113 return/^[a-zA-Z0-9]{16}$/.test(value); 114 }, 115 message:'发动机型号无效(例:FG6H012345654584)' 116 }, 117 email:{ 118 validator:function(value){ 119 return/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value); 120 }, 121 message:'请输入有效的电子邮件账号(例:abc@126.com)' 122 }, 123 msn:{ 124 validator:function(value){ 125 return/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value); 126 }, 127 message:'请输入有效的msn账号(例:abc@hotnail(msn/live).com)' 128 },same:{ 129 validator:function(value,param){ 130 if($("#"+param[0]).val() !=""&&value!=""){ 131 return$("#"+param[0]).val() ==value; 132 }else{ 133 returntrue; 134 } 135 }, 136 message:'两次输入的密码不一致!' 137 } 138 });
使用方法:
<input id="vv" class="easyui-validatebox" data-options="validType:'chinese'" />
希望这些对大家有帮助吧!