jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框
用 $.fn.validatebox.defaults 重寫(xiě)了 defaults。
用法
<input id="vv" required="true" validType="email">
$('#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ī)則,重寫(xiě) $.fn.validatebox.defaults.rules ,來(lái)定義一個(gè)驗(yàn)證函數(shù)和無(wú)效的信息。例如,定義一個(gè) minLength 驗(yàn)證類(lèi)型:
$.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)證類(lèi)型,去定義一個(gè)至少輸入5個(gè)字符的輸入框:
<input class="easyui-validatebox" validType="minLength[5]">
特性
名稱(chēng) |
類(lèi)型 |
說(shuō)明 |
默認(rèn)值 |
required |
boolean |
定義是否字段應(yīng)被輸入。 |
false |
validType |
string |
定義字段的驗(yàn)證類(lèi)型,比如 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 |
方法
名稱(chēng) |
參數(shù) |
說(shuō)明 |
destroy |
none |
移除并且銷(xiāo)毀這個(gè)組件。 |
validate |
none |
進(jìn)行驗(yàn)證以判定文本框的內(nèi)容是否有效。 |
isValid |
none |
調(diào)用 validate 方法并且返回驗(yàn)證結(jié)果,true 或者 false。 |
風(fēng)流涕淌 翻譯。
- jQuery Validate 相關(guān)參數(shù)及常用的自定義驗(yàn)證規(guī)則
- JQuery validate 驗(yàn)證一個(gè)單獨(dú)的表單元素實(shí)例
- jQuery Validate驗(yàn)證表單時(shí)多個(gè)name相同的元素只驗(yàn)證第一個(gè)的解決方法
- jQuery Validate讓普通按鈕觸發(fā)表單驗(yàn)證的方法
- 利用jQuery.Validate異步驗(yàn)證用戶(hù)名是否存在(推薦)
- jquery easyui validatebox remote的使用詳解
- jquery validate.js表單驗(yàn)證的基本用法入門(mén)
- jQuery validate 中文API 附validate.js中文api手冊(cè)
- jQuery.Validate驗(yàn)證庫(kù)的使用介紹
- JavaScript實(shí)現(xiàn)分頁(yè)效果
相關(guān)文章
jQuery常用知識(shí)點(diǎn)總結(jié)以及平時(shí)封裝常用函數(shù)
這篇文章主要介紹了jQuery常用知識(shí)點(diǎn)總結(jié)以及平時(shí)封裝常用函數(shù) 的相關(guān)資料,需要的朋友可以參考下2016-02-02javascript原生和jquery庫(kù)實(shí)現(xiàn)iframe自適應(yīng)高度和寬度
這篇文章主要介紹了javascript原生和jquery庫(kù)實(shí)現(xiàn)iframe自適應(yīng)內(nèi)容高度和寬度,需要的朋友可以參考下2014-07-07Jquery+ajax請(qǐng)求data顯示在GridView上(asp.net)
Jquery ajax請(qǐng)求data顯示在asp.net中GridView控件上,需要的朋友可以參考下。2010-08-08使用jquery mobile做幻燈播放效果實(shí)現(xiàn)步驟
使用jquery mobile,可以很容易實(shí)現(xiàn)幻燈播放效果,擺脫繁雜的步驟輕松實(shí)現(xiàn),接下來(lái)介紹,有需要的朋友可以參考下2013-01-01jquery實(shí)現(xiàn)多級(jí)下拉菜單的實(shí)例代碼
多級(jí)菜單,理論上支持無(wú)限多的層級(jí),文件結(jié)構(gòu)非常簡(jiǎn)單的,以下是完整代碼,有需要的朋友可以參考一下2013-10-10優(yōu)化Jquery,提升網(wǎng)頁(yè)加載速度
本文是對(duì)優(yōu)化Jquery,提升網(wǎng)頁(yè)加載速度方面進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11用jQuery將JavaScript對(duì)象轉(zhuǎn)換為querystring查詢(xún)字符串的方法
這篇文章主要介紹了用jQuery將JavaScript對(duì)象轉(zhuǎn)換為querystring查詢(xún)字符串的方法,本文給大家分享兩種方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11jquery實(shí)現(xiàn)checkbox全選全不選的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jquery實(shí)現(xiàn)checkbox全選全不選的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12