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