使用EasyUI時表單驗證的注意事項

2022-08-02 18:12:12 字數 3754 閱讀 2819

1.主要是在使用靜態頁面和js頁面的互動(這裡只給兩個樣本)

手機號

mobile' />

身份證號

idnum'/>

2.在validator.js檔案中有判斷

$.extend($.fn.validatebox.defaults.rules,, 

message : '該輸入項為必輸項'

},phoneormobile : \-)?([2-9][0-9])+(\-[0-9])?$|(^(13[0-9]|15[0|3|6|7|8|9]|18[8|9])\d$)/.test(value);

},message : '格式不正確,請輸入正確的**格式。'

},minlength : ,

message : '最少輸入 個字元。'

},length : ,

message : "輸入內容長度必須介於和之間."

},phone : \))|(\d\-))?(\(0\d\)|0\d-)?[1-9]\d(\-\d)?$/i

.test(value);

},message : '格式不正確,請使用下面格式:020-88888888'

},mobile : $/i.test(value);

},message : '手機號碼格式不正確'

},idnum : (\d[a-za-z0-9])?$/i.test(value);

},message : '身份證號碼格式不正確'

},intorfloat : ,

message : '請輸入數字,並確保格式正確'

},currency : ,

message : '貨幣格式不正確'

},qq : $/i.test(value);

},message : 'qq號碼格式不正確'

},integer : ,

message : '請輸入整數'

},chinese : ,

message : '請輸入中文'

},english : ,

message : '請輸入英文'

},unnormal : ,

message : '輸入值不能為空和包含其他非法字元'

},username : $/i.test(value);

},message : '使用者名稱不合法(字母開頭,允許6-16位元組,允許字母數字下劃線)'

},faxno : (\d)[ ]?([-]?((\d)|[

// ]))+$/i.test(value);

return /^((\(\d\))|(\d\-))?(\(0\d\)|0\d-)?[1-9]\d(\-\d)?$/i

.test(value);

},message : '傳真號碼不正確'

},validator : function(value) $/i.test(value);

},},

ip : ,

message : 'ip位址格式不正確'

},name : ,

message : '請輸入姓名'

},carno : $/.test(value);

},message : '車牌號碼無效(例:粵j12350)'

},carenergin : $/.test(value);

},message : '發動機型號無效(例:fg6h012345654584)'

},email : ,

message : '請輸入有效的電子郵件賬號(例:[email protected])'

},msn : ,

message : '請輸入有效的msn賬號(例:abc@hotnail(msn/live).com)'

},same : else

},message : '兩次輸入的密碼不一致!'

},ipv6 : :)([0-9a-fa-f]|:))|(([0-9a-fa-f]:)(:[0-9a-fa-f]|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)))|:))|(([0-9a-fa-f]:)(((:[0-9a-fa-f]))|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)))|:))|(([0-9a-fa-f]:)(((:[0-9a-fa-f]))|((:[0-9a-fa-f])?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d))))|:))|(([0-9a-fa-f]:)(((:[0-9a-fa-f]))|((:[0-9a-fa-f]):((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d))))|:))|(([0-9a-fa-f]:)(((:[0-9a-fa-f]))|((:[0-9a-fa-f]):((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d))))|:))|(([0-9a-fa-f]:)(((:[0-9a-fa-f]))|((:[0-9a-fa-f]):((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d))))|:))|(:(((:[0-9a-fa-f]))|((:[0-9a-fa-f]):((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d))))|:)))(%.+)?\s*$/.test(value);

},message:'請輸入正確的ipv6位址!'

},date : [1-9]|[0-9][1-9][0-9]|[0-9][1-9][0-9]|[1-9][0-9])-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8])))$/.test(value);

},message:'請輸入正確的日期格式:yyyy-mm-dd'

},datetimes : [1-9]|[0-9][1-9][0-9]|[0-9][1-9][0-9]|[1-9][0-9])-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8])))(\s)?([0-1]\d|[2][0-4])(?::)?([0-5]\d)$/.test(value);

},message:'請輸入正確的日期格式:yyyy-mm-dd hh:mm'

},datetime : [1-9]|[0-9][1-9][0-9]|[0-9][1-9][0-9]|[1-9][0-9])-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8])))(\s)?([0-1]\d|[2][0-4])(?::)?([0-5]\d)(?::)?([0-5]\d)$/.test(value);

},message:'請輸入正確的日期格式:yyyy-mm-dd hh:mm:ss'

},worknoajax:

}});

return a;

},message:'該工號已經存在'

}});

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