Jquery Easyui驗(yàn)證組件ValidateBox使用詳解(20)
本文實(shí)例為大家分享了Jquery Easyui驗(yàn)證組件的實(shí)現(xiàn)代碼,供大家參考,具體內(nèi)容如下
加載方式
Class加載
<input id="email" class="easyui-validatebox" data-options="required:true,validType:'email'" />
JS調(diào)用加載
<input id="email" />
<script>
$(function () {
$('#email').validatebox({
required : true,
validType : 'email',
});
});
</script>
屬性列表

//屬性設(shè)置
$('#email').validatebox({
required : true,
validType : 'email',
//validType : 'url',
//validType : 'length[2,20]',
//validType : ['email', 'length[10,20]'],
//validType : 'remote["content.php", "username"]',
//delay : 3000,
missingMessage : '請(qǐng)?zhí)顚戨娮余]件',
invalidMessage : '電子郵件格式不正確',
tipPosition : 'right',
deltaY : 120,
novalidate : true,
});
//Ajax 遠(yuǎn)程驗(yàn)證
if ($_POST['username'] == 'Lee') {
echo 'true';
} else {
echo 'false';
}
方法列表

//銷毀組件
$('#email').validatebox('destroy');
//驗(yàn)證碼文本框是否有效
console.log($('#email').validatebox('validate'));
//返回驗(yàn)證的結(jié)果
console.log($('#email').validatebox('isValid'));
//禁用和啟用
$('#email').validatebox('disableValidation');
$('#email').validatebox('enableValidation');
//可以使用$.fn.validatebox.defaults 重寫默認(rèn)值對(duì)象。
自定義驗(yàn)證
//新增一個(gè)規(guī)則
$.extend($.fn.validatebox.defaults.rules, {
minLength : {
validator : function (value, param) {
return value.length >= param[0];
},
message : '請(qǐng)長(zhǎng)度不小于{0}的字符',
},
});
//調(diào)用
$('#email').validatebox({
required : true,
validType : 'minLength[5]',
});
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Jquery CheckBox全選方法代碼附j(luò)s checkbox全選反選代碼
喜歡上了Jquery的簡(jiǎn)便、明了···與用JavaScript寫的比起來(lái)真的有點(diǎn)差距!2010-06-06
JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
bind()功能是為每個(gè)選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語(yǔ)法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對(duì)象的額外數(shù)據(jù)對(duì)象,好好學(xué)習(xí)希望本可以幫助到你2013-02-02
jQuery1.9.1源碼分析系列(十六)ajax之a(chǎn)jax框架
這篇文章主要介紹了jQuery1.9.1源碼分析系列(十六)ajax之a(chǎn)jax框架 的相關(guān)資料,需要的朋友可以參考下2015-12-12
JQuery判斷正整數(shù)整理小結(jié)(jQuery 文本框中只能輸入正整數(shù))
這篇文章主要介紹了JQuery判斷正整數(shù),附上詳細(xì)的代碼供大家查看具體的方法,需要的朋友可以參考下2017-08-08
實(shí)現(xiàn)點(diǎn)擊下箭頭變上箭頭來(lái)回切換的兩種方法【推薦】
本文主要介紹了實(shí)現(xiàn)點(diǎn)擊下箭頭變上箭頭來(lái)回切換的兩種方法,具有很好的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12
jquery使用ul模擬select實(shí)現(xiàn)表單美化的方法
這篇文章主要介紹了jquery使用ul模擬select實(shí)現(xiàn)表單美化的方法,涉及jquery鼠標(biāo)事件及頁(yè)面元素樣式的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
jQuery熱氣球動(dòng)畫半透明背景的后臺(tái)登錄界面代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)熱氣球動(dòng)畫背景登錄框,適合用于后臺(tái)登陸界面設(shè)計(jì),推薦給大家,有需要的小伙伴可以參考下。2015-08-08
jquery實(shí)現(xiàn)點(diǎn)擊查看更多內(nèi)容控制段落文字展開折疊效果
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊查看更多內(nèi)容控制段落文字展開折疊效果,涉及jquery中fadeIn與fadeOut實(shí)現(xiàn)折疊與展開頁(yè)面元素的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08

