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'" />

希望這些對大家有幫助吧！

?

轉載于:https://www.cnblogs.com/y20091212/archive/2013/03/24/2978197.html

總結

以上是生活随笔為你收集整理的JQueryEasyUI validatebox 扩展其自带验证方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。