Jquery Easyui验证组件ValidateBox使用详解(20)

 更新时间:2016年12月18日 15:23:09   作者:Jsakura  
这篇文章主要为大家详细介绍了Jquery Easyui自定义下拉框组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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实现下拉框多选方法介绍

    jquery实现下拉框多选方法介绍

    本文是利用EasyUI实现下拉框多选功能,在ComboxTree其原有的基础上对样式进行了改进,样式表已上传demo,下面跟着小编一起来看下吧
    2017-01-01
  • jquery $.getJSON()跨域请求

    jquery $.getJSON()跨域请求

    以前总是没搞明白是怎么回事,现在是迫不得已,就仔细看了看说明文档,终于测试成功了,记下
    2011-12-12
  • jQuery动态添加li标签并添加属性和绑定事件方法

    jQuery动态添加li标签并添加属性和绑定事件方法

    下面小编就为大家分享一篇jQuery动态添加li标签并添加属性和绑定事件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • JQuery.ajax传递中文参数的解决方法 推荐

    JQuery.ajax传递中文参数的解决方法 推荐

    许多人在使用JQuery.ajax方法时肯定会遇到一个问题。在编码不是UTF-8的时候,当传递的参数里有中文的时候,服务端Request的时候都会出现乱码。
    2011-03-03
  • jQuery超精致图片轮播幻灯片特效代码分享

    jQuery超精致图片轮播幻灯片特效代码分享

    这篇文章主要为大家详细介绍了jQuery超精致图片轮播幻灯片特效,图片轮播效果特别适合做产品展示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-09-09
  • jQuery第一次运行页面默认触发点击事件的实例

    jQuery第一次运行页面默认触发点击事件的实例

    下面小编就为大家分享一篇jQuery第一次运行页面默认触发点击事件的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Html5+jQuery+CSS制作相册小记录

    Html5+jQuery+CSS制作相册小记录

    这篇文章主要为大家详细介绍了Html5+jQuery+CSS制作相册小记录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • jquery不常用方法汇总

    jquery不常用方法汇总

    本文给大家汇总介绍了几个jQuery中不常用的方法,记录一下,分享给大家,有需要的小伙伴可以参考下。
    2015-07-07
  • 基于jQuery实现模拟页面加载进度条

    基于jQuery实现模拟页面加载进度条

    进度条的出现在于无法通过任何方法获取整个页面的大小和当前加载了多少,所以只能用进度条来模拟,接下来为大家介绍下实现方法,感兴趣的朋友可以参考下哈
    2013-04-04
  • jQuery简单实现页面元素置顶时悬浮效果示例

    jQuery简单实现页面元素置顶时悬浮效果示例

    这篇文章主要介绍了jQuery简单实现页面元素置顶时悬浮效果的方法,涉及jQuery针对页面元素样式的动态操作技巧,需要的朋友可以参考下
    2016-08-08

最新评论