easyui 之表單驗證

2022-01-11 17:33:44 字數 4947 閱讀 7319

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 不...