jQuery EasyUI API 中文文檔 - 驗證框（ValidateBox）

用 $.fn.validatebox.defaults 重寫了 defaults。

用法

1. <input id="vv" required="true" validType="email">

1. $('#vv').validatebox({  

2.     required:true

3. }); 

驗證規則

驗證規則是通過使用 required 和 validType 特性來定義的， 這裡是已經實施的規則：

email：比對 email 正規表達式規則

url：比對 URL 正規表達式規則

length[0,100]：允許從 x 到 y 個字元

remote['http://.../action.do','paramName']：發送 ajax 請求來驗證值，成功時傳回 'true' 。

要自定義驗證規則，重寫 $.fn.validatebox.defaults.rules ，來定義一個驗證函數和無效的資訊。例如，定義一個 minLength 驗證類型：

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

2.     minLength: {  

3.         validator: function(value, param){  

4. return value.length >= param[0];  

5.         },  

6.         message: 'Please enter at least {0} characters.'

7.     }  

8. }); 

現在你可以使用這個 minLength 驗證類型，去定義一個至少輸入5個字元的輸入框：

1. <input class="easyui-validatebox" validType="minLength[5]">

特性

名稱

類型

說明

預設值

required

boolean

定義是否字段應被輸入。

false

validType

string

定義字段的驗證類型，比如 email、url，等等。

null

missingMessage

當文本框是空時出現的提示文字。

This field is required.

invalidMessage

當文本框的内容無效時出現的提示文字。

方法

參數

destroy

none

移除并且銷毀這個元件。

validate

進行驗證以判定文本框的内容是否有效。

isValid

調用 validate 方法并且傳回驗證結果，true 或者 false。