easyui 之表單驗證

1
/** 
2* 擴充套件easyui的validator外掛程式rules，支援更多型別驗證 3*/
4$.extend($.fn.validatebox.defaults.rules, , 
9 message : '最少輸入 個字元' 
10}, 
11 length : , 
16 message : "輸入內容長度必須介於和之間" 
17}, 
18 phone : \))|(\d\-))?(\(0\d\)|0\d-)?[1-9]\d(\-\d)?$/i.test(value); 
21}, 
22 message : '格式不正確,請使用下面格式:020-88888888' 
23}, 
24 mobile : $/i.test(value); 
27}, 
28 message : '手機號碼格式不正確' 
29}, 
30 phoneandmobile : \))|(\d\-))?(\(0\d\)|0\d-)?[1-9]\d(\-\d)?$/i.test(value) || /^(13|15|18)\d$/i.test(value); 
33}, 
34 message : '**號碼或手機號碼格式不正確' 
35}, 
36 idcard : (\d[a-za-z0-9])?$/i.test(value) || /^\d(\d[a-za-z0-9])?$/i.test(value); 
39}, 
40 message : '身份證號碼格式不正確' 
41}, 
42 intorfloat : , 
46 message : '請輸入數字，並確保格式正確' 
47}, 
48 currency : , 
52 message : '貨幣格式不正確' 
53}, 
54 qq : $/i.test(value); 
57}, 
58 message : 'qq號碼格式不正確' 
59}, 
60 integer : , 
64 message : '請輸入整數' 
65}, 
66 chinese : , 
70 message : '請輸入中文' 
71}, 
72 chineseandlength : 
78}, 
79 message : '請輸入中文' 
80}, 
81 english : , 
85 message : '請輸入英文' 
86}, 
87 englishandlength : 
93}, 
94 message : '請輸入英文' 
95}, 
96 englishuppercase : , 
100 message : '請輸入大寫英文' 
101}, 
102 unnormal : , 
106 message : '輸入值不能為空和包含其他非法字元' 
107}, 
108 username : $/i.test(value); 
111}, 
112 message : '使用者名稱不合法（字母開頭，允許6-16位元組，允許字母數字下劃線）' 
113}, 
114 faxno : \))|(\d\-))?(\(0\d\)|0\d-)?[1-9]\d(\-\d)?$/i.test(value); 
117}, 
118 message : '傳真號碼不正確' 
119}, 
120 zip : $/i.test(value); 
123}, 
125}, 
126 ip : , 
130 message : 'ip位址格式不正確' 
131}, 
132 name : , 
136 message : '請輸入姓名' 
137}, 
138 engorchinese : , 
142 message : '請輸入中文' 
143}, 
144 engorchineseandlength : 
150}, 
151 message : '請輸入中文或英文' 
152}, 
153carno : $/.test(value); 
156}, 
157 message : '車牌號碼無效（例：粵b12350）' 
158}, 
159carenergin : $/.test(value); 
162}, 
163 message : '發動機型號無效(例：fg6h012345654584)' 
164}, 
165same : else
172}, 
173 message : '兩次輸入的密碼不一致!' 
174} 
175}); 
176/*
* 177
* 擴充套件easyui validatebox的兩個方法.移除驗證和還原驗證 
178*/
179$.extend($.fn.validatebox.methods, ); 
186}, 
187 reduce : function
(jq, newposition) ); 
193}, 
194 validatetip : function
(jq) ; 
203var disabled = box.attr("disabled"); 
204if (disabled == true || disabled == "true") 
207if
(opts.required) 
214} 
215if
(opts.validtype) ", "g"), param[i]); 
226} 
227} 
228 settipmessage(opts.invalidmessage ||message); 
229 $(jq).validatebox('showtip', jq); 
230return
false
; 231
} 232
} 233
} 234 box.removeclass("validatebox-invalid"); 
235 $(jq).validatebox('hidetip', jq); 
236return
true
; 237
}, 
238 showtip : function
(jq) 
247 tip.find(".validatebox-tip-content").html(msg); 
248tip.css(); 
253}, 
254 hidetip : function
(jq) 
261} 
262 });

遠端校驗

1
$.extend($.fn.validatebox.defaults.rules, ,
13 success: function
(date) 17}
18})
19return
flag;
20},
21 message: '名稱已存在'
22} 
2324 })

前台介面：

1
class="
state_content
">
2 @html.textboxfor(m => m.itemname, new )
3

easyUI 表單驗證

easyui表單驗證，主題 2.遠端校驗需要和後台互動的校驗這個涉及到easyui校驗的觸發機制。3.表單提交時的校驗 easyui的驗證，定義input標籤的class easyui validatebox 驗證在dataoptions屬性中。先看一段簡單的驗證使用者名為必填字段驗證登入名...

EasyUI表單驗證

easyui的form表單裡面的驗證框，先講解下validatebox類和相關的屬性。驗證規則驗證規則是通過使用 required 和 validtype 特性來定義的，這裡是已經實施的規則要自定義驗證規則，重寫 fn.validatebox.defaults.rules 來定義乙個驗證函式和無...

easyui表單的驗證

擴充套件easyui表單的驗證 extend fn.validatebox.defaults.rules,message 只允許漢字英文本母數字及下劃線減號和 chs length character else else message easy 的多重驗證 1 2 return true 不...

easyui 之表單驗證

easyUI 表單驗證

EasyUI表單驗證

easyui表單的驗證

相關推薦