Jquery Easyui验证组件ValidateBox使用详解（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]',
});

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

# Jquery  # Easyui  # 验证组件  # ValidateBox  # jQuery EasyUI之验证框validatebox实例详解  # jquery easyui validatebox remote的使用详解  # easyui validatebox验证  # jQuery easyui的validatebox校验规则扩展及easyui校验框validateb  # jQuery插件EasyUI校验规则 validatebox验证框  # easyui关于validatebox实现多重规则验证的方法(必看)  # 加载  # 电子邮件  # 自定义  # 重写  # 可以使用  # 请填写  # 验证码  # 大家分享  # 不正确  # 具体内容  # 大家多多  # 文本框  # 默认值  # 不小于  # gt  # validType  # JS  # required  # options  # data 

相关文章： 常州企业网站制作公司,全国继续教育网怎么登录？  建站之星北京办公室：智能建站系统与小程序生成方案解析  如何在IIS7上新建站点并设置安全权限？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  一键网站制作软件,义乌购一件代发流程？  建站之星伪静态规则如何正确配置？  深入理解Android中的xmlns:tools属性  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  如何通过商城免费建站系统源码自定义网站主题？  如何破解联通资金短缺导致的基站建设难题？  网站制作价目表怎么做,珍爱网婚介费用多少？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  Android自定义控件实现温度旋转按钮效果  建站主机数据库如何配置才能提升网站性能？  如何设置并定期更换建站之星安全管理员密码？  营销式网站制作方案,销售哪个网站招聘效果最好？  建站上市公司网站建设方案与SEO优化服务定制指南  c# await 一个已经完成的Task会发生什么  如何用景安虚拟主机手机版绑定域名建站？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  广州营销型建站服务商推荐：技术优势与SEO优化解析  如何选购建站域名与空间？自助平台全解析  内部网站制作流程,如何建立公司内部网站？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  ,如何利用word制作宣传手册？  如何挑选优质建站一级代理提升网站排名？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  如何生成腾讯云建站专用兑换码？  如何快速生成凡客建站的专业级图册？  css网站制作参考文献有哪些,易聊怎么注册？  如何用VPS主机快速搭建个人网站？  建站主机服务器选购指南：轻量应用与VPS配置解析  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  大连网站设计制作招聘信息,大连投诉网站有哪些？  建站之星安装路径如何正确选择及配置？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  如何在云主机上快速搭建多站点网站？  如何规划企业建站流程的关键步骤？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  Python多线程使用规范_线程安全解析【教程】  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  制作网站的模板软件,网站怎么建设？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  如何在建站之星绑定自定义域名？  建站之家VIP精选网站模板与SEO优化教程整合指南  建站之星如何一键生成手机站？