当前位置是:帝豪2娱乐 > 公司动态 > 公司动态

帝豪娱乐平台:Jquery Easyui验证组件ValidateBox使用详

来源:wehoppe.com 作者:员农 发布时间:2017-12-28 点击量:

  

[Jquery,Easyui,验证组件,ValidateBox]Jquery Easyui验证组件ValidateBox使用详帝豪2娱乐注册解(20)

  

本文实例为大家分享了Jquery Easyui验证组件的实现代码,供大家参考,具体内容如下  
  

  

加载方式  

  

Class加载  

  

  

  

JS调用加载  

  
  
    $(function () {  $('#email').validatebox({  required : true,  validType : 'email',  });  });  
  
  

属性列表  

  

  

  
  
  //属性设置  $('#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]',  });  
  
  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

  




上一篇:帝豪2娱乐平台:大客户维护研修班

下一篇:没有了