欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery Easyui驗(yàn)證組件ValidateBox使用詳解(20)

 更新時(shí)間:2016年12月18日 15:23:09   作者:Jsakura  
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui自定義下拉框組件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(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)文章

最新評論