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)證類型：
$.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è)字符的輸入框：
<input class="easyui-validatebox" validType="minLength[5]">
特性
|
名稱 |
類型 |
說(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。 |
風(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)證用戶名是否存在（推薦）
- 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)文章
從零開(kāi)始學(xué)習(xí)jQuery (一) 開(kāi)天辟地入門(mén)篇
本篇文章是入門(mén)第一篇, 主要是簡(jiǎn)單介紹jQuery, 通過(guò)簡(jiǎn)單示例指導(dǎo)大家如何編寫(xiě)jQuery代碼以及搭建開(kāi)發(fā)環(huán)境. 詳細(xì)講解了如何在Visual Studio中配合使用jQuery.2010-10-10
jquery.post用法關(guān)于type設(shè)置問(wèn)題補(bǔ)充
當(dāng)使用ajax獲取data數(shù)據(jù)的時(shí)候，直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前，下面為大家介紹下jquery.post用法關(guān)于type設(shè)置問(wèn)題2014-01-01
jQuery學(xué)習(xí)總結(jié)之元素的相對(duì)定位和選擇器(持續(xù)更新)
jQuery中不僅可以使用選擇器就行絕對(duì)定位，而且還可以進(jìn)行相對(duì)定位，只要在$()中指定第二個(gè)參數(shù)，第二個(gè)參數(shù)就是相對(duì)的元素。第二個(gè)參數(shù)傳遞一個(gè)jQuery對(duì)象，則相對(duì)于這個(gè)對(duì)象為基準(zhǔn)進(jìn)行相對(duì)的選擇。2011-04-04
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
jQuery編輯器KindEditor4.1.4代碼高亮顯示設(shè)置教程
接下來(lái)介紹下編輯器KindEditor4.1.4代碼高亮顯示設(shè)置：加載需要的JS和CSS文件/編輯器初始化設(shè)置后，在里面加prettyPrint等等，感興趣的你可以參考下本文2013-03-03
基于jquery用于查詢操作的實(shí)現(xiàn)代碼
通過(guò)javascript得到用戶操作改變url參數(shù)從而實(shí)現(xiàn)某些功能，如查詢(具體的查詢由服務(wù)器端代碼得到url中的參數(shù)組成查詢語(yǔ)句實(shí)現(xiàn))。2010-05-05
JQuery解析HTML、JSON和XML實(shí)例詳解
JQuery具有強(qiáng)大的解析數(shù)據(jù)的能力，本文詳細(xì)介紹HTML、JSON和XML格式的文件的數(shù)據(jù)如何解析2014-03-03
如何使用jquery實(shí)現(xiàn)文字上下滾動(dòng)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)文字上下滾動(dòng)效果。文字上下滾動(dòng)循環(huán)顯示也是一種非常常見(jiàn)而且非常容易實(shí)現(xiàn)的文字特效。這是一種現(xiàn)在比較流行用的效果,用法很簡(jiǎn)單。2016-10-10
一次$.getJSON不執(zhí)行的簡(jiǎn)單記錄
下面小編就為大家?guī)?lái)一篇一次$.getJSON不執(zhí)行的簡(jiǎn)單記錄。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
jQuery實(shí)現(xiàn)DIV響應(yīng)鼠標(biāo)滑過(guò)由下向上展開(kāi)效果示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)DIV響應(yīng)鼠標(biāo)滑過(guò)由下向上展開(kāi)效果,涉及jQuery基于事件響應(yīng)結(jié)合stop與animate方法控制頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04