easyUI 表單驗證

2021-06-27 08:37:00 字數 1005 閱讀 1340

easyui表單驗證,主題:

2. 遠端校驗(需要和後台互動的校驗),這個涉及到easyui校驗的觸發機制。

3. 表單提交時的校驗

easyui的驗證,定義input標籤的class=「easyui-validatebox」,驗證在dataoptions屬性中。先看一段簡單的**:

驗證使用者名為必填字段:

驗證登入名必填且長度為1—5之間:

自定義校驗格式:easyui提供了email、length、url幾個常用的驗證,更多的校驗,可以自己定義,例如,要驗證密碼長度為6,自定義方式如下:

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

message:""

} })

擴充套件的自定義方法中,校驗失敗時的輸出資訊,可以是頁面中定義的引數。

easyui的遠端校驗,不建議採用。因為easyui驗證的觸發,不是通過事件觸發,而是設定了乙個定時器,這個定時器在文字框獲取焦點時啟動,直到失去焦點時停止,預設是每個200毫秒校驗一次,時間一到,不管值是否改變,都會再校驗一次。所以,像這種需要和後台互動的驗證,不建議使用該方式。我的思路是這樣的:在標籤的onblure()事件中請求後台,在頁面定義乙個標籤顯示校驗結果,並將該標籤的樣式設定成easyui提示資訊的樣式。為了更加通用,可以封裝乙個公共的js方法,引數包括url、引數、接收返回資訊的標籤id等等。

最後是表單提交,提交前需要判斷所有的校驗項是否全部校驗成功,若有未通過校驗項,不允許提交表單。目前,我用了兩種實現方式:

function add()
或者

if($("#adduserform").form("validate"))

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 之表單驗證

1 2 擴充套件easyui的validator外掛程式rules,支援更多型別驗證 3 4 extend fn.validatebox.defaults.rules,9 message 最少輸入 個字元 10 11 length 16 message 輸入內容長度必須介於和之間 17 18 pho...