Jquery Easyui验证组件ValidateBox使用详解

最新推荐文章于 2019-12-03 21:25:28 发布

JacobGo

最新推荐文章于 2019-12-03 21:25:28 发布

阅读量1.6k

点赞数

分类专栏： JavaEE相关知识文章标签： ValidateBox

JavaEE相关知识专栏收录该内容

19 篇文章 0 订阅

订阅专栏

这篇文章主要为大家详细介绍了Jquery Easyui自定义下拉框组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

加载方式

Class加载

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]',
});