在線引用最新jquery文件的實現方法
759
2024-02-20
本文實例為大家分享了Jquery Easyui驗證組件的實現代碼,供大家參考,具體內容如下
加載方式
Class加載
<input id="email" class="easyui-validatebox" data-options="required:true,validType:'email'" />
JS調用加載
<input id="email" /> <script> $(function () { $('#email').validatebox({ required : true, validType : 'email', }); }); </script>
屬性列表
//屬性設置 $('#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 : '請填寫電子郵件', invalidMessage : '電子郵件格式不正確', tipPosition : 'right', deltaY : 120, novalidate : true, }); //Ajax 遠程驗證 if ($_POST['username'] == 'Lee') { echo 'true'; } else { echo 'false'; }
方法列表
//銷毀組件 $('#email').validatebox('destroy'); //驗證碼文本框是否有效 console.log($('#email').validatebox('validate')); //返回驗證的結果 console.log($('#email').validatebox('isValid')); //禁用和啟用 $('#email').validatebox('disableValidation'); $('#email').validatebox('enableValidation'); //可以使用$.fn.validatebox.defaults 重寫默認值對象。
自定義驗證
//新增一個規則 $.extend($.fn.validatebox.defaults.rules, { minLength : { validator : function (value, param) { return value.length >= param[0]; }, message : '請長度不小于{0}的字符', }, }); //調用 $('#email').validatebox({ required : true, validType : 'minLength[5]', });
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持綠夏網。
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!