easyui表單驗證

表單驗證

使用$.fn.validatebox.defaults重載默認值。

使用方法

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

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

1. $('#vv').validatebox({   
2.     required:true  
3. });  

$('#vv').validatebox({ required:true });

驗證規則

驗證規則使用required和validType屬性來定義, 以下列出的是插件內置的驗證規則。

• email: 正則匹配電子郵件。
• url: 正則匹配url。
• length[0,100]: 驗證長度范圍。
• remote['http://.../action.do','paramName']: 發送ajax請求來驗證，驗證有效時返回true。

要自定義規則，重載$.fn.validatebox.defaults。你所定義的驗證規則必須定義一個驗證函數和驗證無效時的提示信息。 例如，定義一個驗證最小長度的規則：

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. });  

$.extend($.fn.validatebox.defaults.rules, { minLength: { validator: function(value, param){ return value.length >= param[0]; }, message: 'Please enter at least {0} characters.' } });

現在你可以使用最小長度驗證規則來定義一個至少要輸入5個字符的輸入框。

1. <input class="easyui-validatebox" validType="minLength[5]"> 
   
2. 此處的validType=“minLength[5]”，設置可能無效，可設置為validType="length[3,8]",填入的值在3~8個字符之間
   

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

屬性

名稱	類型	描述	默認值
required（必填）	boolean（布爾型）	定義表單域必須填寫。	false
validType（驗證類型）	string（字符串）	定義表單域的驗證類型，比如：email, url等。	null
missingMessage（未填提示）	string（字符串）	當表單域未填寫時出現的提示信息。	This field is required.
invalidMessage（無效提示）	string（字符串）	當表單域的內容被驗證為無效時出現的提示。	null

方法

名稱	參數	描述
destroy	none	移除並注銷組件。
validate	none	驗證表單域的內容是否有效。
isValid	none	調用validate方法並且返回驗證結果，true或者false。