jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框

更新時(shí)間：2011年10月06日 22:58:05 作者：

jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框，使用jQuery EasyUI的朋友可以參考下。

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

用法

復(fù)制代碼代碼如下:

復(fù)制代碼代碼如下:

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

驗(yàn)證規(guī)則
驗(yàn)證規(guī)則是通過(guò)使用 required 和 validType 特性來(lái)定義的，這里是已經(jīng)實(shí)施的規(guī)則：
email：匹配 email 正則表達(dá)式規(guī)則
url：匹配 URL 正則表達(dá)式規(guī)則
length[0,100]：允許從 x 到 y 個(gè)字符
remote['http://.../action.do','paramName']：發(fā)送 ajax 請(qǐng)求來(lái)驗(yàn)證值，成功時(shí)返回 'true' 。
要自定義驗(yàn)證規(guī)則，重寫 $.fn.validatebox.defaults.rules ，來(lái)定義一個(gè)驗(yàn)證函數(shù)和無(wú)效的信息。例如，定義一個(gè) minLength 驗(yàn)證類型：

復(fù)制代碼代碼如下:

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

現(xiàn)在你可以使用這個(gè) minLength 驗(yàn)證類型，去定義一個(gè)至少輸入5個(gè)字符的輸入框：

復(fù)制代碼代碼如下:

特性

名稱	類型	說(shuō)明	默認(rèn)值
required	boolean	定義是否字段應(yīng)被輸入。	false
validType	string	定義字段的驗(yàn)證類型，比如 email、url，等等。	null
missingMessage	string	當(dāng)文本框是空時(shí)出現(xiàn)的提示文字。	This field is required.
invalidMessage	string	當(dāng)文本框的內(nèi)容無(wú)效時(shí)出現(xiàn)的提示文字。	null

方法

名稱	參數(shù)	說(shuō)明
destroy	none	移除并且銷毀這個(gè)組件。
validate	none	進(jìn)行驗(yàn)證以判定文本框的內(nèi)容是否有效。
isValid	none	調(diào)用 validate 方法并且返回驗(yàn)證結(jié)果，true 或者 false。