多重验证：

{

                    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. [POJ1328]Radar Installation

    [POJ1328]Radar Installation 试题描述 Assume the coasting is an infinite straight line. Land is in one si ...

  2. Qt5.5.1 学习笔记

    添加图标(.pro): RC_ICONS = 1.ico    RC_FILE = 1.rc 新建 1.rc 内容:IDI_ICON1 ICON "1.ico" 支持c++11(. ...

  3. BZOJ 1670: [Usaco2006 Oct]Building the Moat护城河的挖掘

    Description 求凸包周长. Sol 凸包+计算几何. 这好像叫什么 Graham Scan 算法... 这个可以求凸包的周长,直径,面积. 选择一个基点,然后按极角排序,最后用一个栈一直维护 ...

  4. PHP判断用户操作系统（Android，ipad，iphone，windows）

    这段脚本可以运用在:针对不同的操作系统,把用户引导向相应的网站或做相应的处理. <?php // PHP 判断客户端平台(PC.安卓.iPhone.平板) // strpos() 函数返回字符串 ...

  5. 18.1---不用加号的加法（CC150）

    1,自己写的又长又臭的代码,也能AC,但是太丑了.主要是通过二进制来算. public static int addAB(int a, int b){ int res = 0; String str1 ...

  6. Service

      一.什么是Service Service在后台运行,不与用户进行交互.在默认情况下,Service运行在应用程序进程的主线程中,如果需要在Service中处理一些网络连接等耗时的操作,那么应该将这 ...

  7. 深度分析Linux下双网卡绑定七种模式 多网卡的7种bond模式原理

    http://blog.csdn.net/abc_ii/article/details/9991845多网卡的7种bond模式原理 Linux网卡绑定mode共有七种(~) bond0.bond1.b ...

  8. ThinkPHP在Ubuntu上 : mkdir的使用

    问题: 环境:Ubuntu系统,xampp1.8.3-5建站工具 描述:以root的身份运行.Apache的 DocumentRoot = "/var/www" .thinkphp ...

  9. JNative library not loaded, sorry ! win7 64位系统

    java调用动态链接库时,使用myeclipse或者其他IDE工具时,针对于web程序,会报这样的错误: java.lang.IllegalStateException: JNative librar ...

  10. 图解SSL/TLS协议（HTTPS的安全层）

    http://blog.csdn.net/wallezhe/article/details/50977337 图解SSL/TLS协议     作者: 阮一峰 日期: 2014年9月20日 本周,Clo ...