多重验证：

{

                    field : 'startPort',

                    title : "起始端口",

                    editor: "text",

                    width : 50,

                    editor: {

                        type: 'SuperValidatebox',

                        options: {

                            required: true,

                            validType: ['integer','length[0,5]']

                        }

                    },  

自从1.3.2版本开始，validatebox自身已经支持多重校验了，例如：

input class="easyui-validatebox" data-options="required:true,validType:['email','length[0,20]']">

html

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

    <script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript"></script>  

    <script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"></script>  

    <!--自定义验证-->  

    <script src="easyui1.2.4/validator.js" type="text/javascript"></script>  

    <link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />  

    <script>  

  

        $(function () {  

              

            //设置text需要验证  

            $('input[type=text]').validatebox();  

        })  

      

    </script>  

</head>  

<body>  

    邮箱验证：<input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" /><br />  

    网址验证：<input type="text" validtype="url" invalidMessage="url格式不正确[http://www.example.com]" /><br />  

    长度验证：<input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" /><br />  

    手机验证：<input type="text" validtype="mobile"  /><br />  

    邮编验证：<input type="text" validtype="zipcode" /><br />  

    账号验证：<input type="text" validtype="account[8,20]" /><br />  

    汉子验证：<input type="text" validtype="CHS" /><br />  

    远程验证：<input type="text" validtype="remote['checkname.aspx','name']" invalidMessage="用户名已存在"/>  

</body>  

</html>

-----

自定义验证：

//扩展easyui表单的验证

$.extend($.fn.validatebox.defaults.rules, {

    //验证汉子

    CHS: {

        validator: function (value) {

            return /^[\u0391-\uFFE5]+$/.test(value);

        },

        message: '只能输入汉字'

    },

    //移动手机号码验证

    mobile: {//value值为文本框中的值

        validator: function (value) {

            var reg = /^1[3|4|5|8|9]\d{9}$/;

            return reg.test(value);

        },

        message: '输入手机号码格式不准确.'

    },

    //国内邮编验证

    zipcode: {

        validator: function (value) {

            var reg = /^[1-9]\d{5}$/;

            return reg.test(value);

        },

        message: '邮编必须是非0开始的6位数字.'

    },

    //用户账号验证(只能包括 _ 数字 字母)

    account: {//param的值为[]中值

        validator: function (value, param) {

            if (value.length < param[0] || value.length > param[1]) {

                $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';

                return false;

            } else {

                if (!/^[\w]+$/.test(value)) {

                    $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';

                    return false;

                } else {

                    return true;

                }

            }

        }, message: ''

    }

})

js代码

$.extend($.fn.validatebox.defaults.rules, {           

        checkWSDL: {     

            validator: function(value,param){               

                 var reg = "^(http://|([0-9]{1,3}[.]{1}[0-9]{1,3}[.]{1}[0-9]{1,3}[.]{1}[0-9]{1,3}:[0-9]{1,4}))[/a-zA-Z0-9._%&:=(),?+]*[?]{1}wsdl$";  

                 return reg.test(value);  

            },     

            message: '请输入合法的WSDL地址'     

        },  

        checkIp : {// 验证IP地址  

            validator : function(value) {  

                var reg = /^((1?\d?\d|(2([0-4]\d|5[0-5])))\.){3}(1?\d?\d|(2([0-4]\d|5[0-5])))$/ ;  

                return reg.test(value);  

            },  

            message : 'IP地址格式不正确'  

    }  

});

=================================

转自：http://uule.iteye.com/blog/1849690

jQueryEasyUi验证的更多相关文章

  1. jQuery-easyui和validate表单验证实例

    jQuery EasyUI 表单 - 表单验证插件validatebox 使用时需要向页面引入两个css文件如下: <link rel="stylesheet" href=& ...

  2. jQueryeasyUI+Hibernate+struts2实现商城后台管理之添加操作时的unique验证

    1. 在admin.js中添加扩展验证的操作checkName var checkUrl = "./hytc/AdminAction_check.action";

  3. jquery-easyui 树的使用笔记

    通常还是使用jquery-ui, 它是完全免费的, jquery-easyui可以使用 freeware edition. 但easyui还不是完全免费的: 它是基于jquery, 但是第三方开发的, ...

  4. 扩展easyui 的表单验证 （转）

    From:http://www.cnblogs.com/gengaixue/archive/2012/07/14/2591054.html easyui 的validatebox()提供了自定义验证的 ...

  5. jQueryEasyUI

    jQueryEasyUI 编辑 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者 ...

  6. 完成一个MVC+Nhibernate+Jquery-EasyUI信息发布系统

    一.最近学习了Jquery-EasyUI框架,结合之前用过的MVC3+Nhibernate做一个信息发布系统,对工作一年半的自己做一个总结吧!(也正好 供初学者学习!) 二.先上截图(系统简介),让大 ...

  7. “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇（图片新闻的添加以及带分页的静态页的生成）

    “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成) 一.这篇文章主要是要实现:图片新闻的添加,无刷新图片的上传,以及添加新闻静 ...

  8. easyui 自定义验证规则 验证用户是否已经存在 远程ajax验证

    easyui远程ajax验证 2014年09月30日 22:29:32 clj198606061111 阅读数:6130 标签: easyui 更多 个人分类: jqueryeasyui 版权声明:本 ...

  9. Ajax 中正常使用jquery-easyui (转)

    一.ASP.NET Ajax 页面中应用了 jquery-easyui,当页面进行回发操作后只是局部刷新,原本的EASYUI 样式无法生效.解决这个问题的思路是让页面在回发后重新调用EASYUI进行重 ...

随机推荐

  1. 几个简单实用的css效果

    1.要使按钮具有3D效果,只要将它的左上部分边框设置为浅色,右下部分边框设置为深色即可. eg:#button { background: #888; border: 2px solid; borde ...

  2. h5上传图片

    1.如何在H5上传图片 使用FileReader 2.FileReader接口 传图片我们只用到readAsDataURL 3.FileReader接口事件 传图片我们只用到onload 4.如何使用 ...

  3. eclipse pydev 跳转

    [windows]-[Preference]-[Pydev]-[Interpreter-Python]-[Libraries]-system PYTHONPATH 全部加一遍,先加父目录,再加子目录.

  4. windows下nodejs常见错误

    1.express-session express-session deprecated undefined resave option; provide resave option auth_s e ...

  5. gedit配置记

    gedit配置记 起因 突然感觉sublime用用这里那里不方便(虽然很好看> >),然后稍微手调了一下gedit发现gedit还是非常可用的(雾)... 阶段一 我感觉sublime各种 ...

  6. Quartz表达式详解（转载）

    1.   CronTrigger时间格式配置说明 CronTrigger配置格式: 格式: [秒] [分] [小时] [日] [月] [周] [年] 序号 说明 是否必填 允许填写的值 允许的通配符 ...

  7. bootstrap按钮组

    种类 -a,   input ,   button 块级 btn-block 按钮组 btn-group btn-group-justified btn-group-vertical </div ...

  8. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

    在用php返回json数据的时候如果出现这种错误,先检查一下php中是否有使用var_dump()函数 这个函数会在页面输出测试变量的结构,浏览器会将这个当做json数据,所以就报错了....

  9. 更换CentOS7的下载源为阿里云

    安装epel rpm -ivh http://mirrors.ustc.edu.cn/fedora/epel/7/x86_64/e/epel-release-7-7.noarch.rpm 1.备份 m ...

  10. default constructor,copy constructor,copy assignment

     C++ Code  12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 ...