本文實例為大家分享了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]',});以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答