多重验证：

  1. {
  2.                     field : 'startPort',
  3.                     title : "起始端口",
  4.                     editor: "text",
  5.                     width : 50,
  6.                     editor: {
  7.                         type: 'SuperValidatebox',
  8.                         options: {
  9.                             required: true,
  10.                             validType: ['integer','length[0,5]']
  11.                         }
  12.                     },  
  13.  
  14. 自从1.3.2版本开始，validatebox自身已经支持多重校验了，例如：
  15. input class="easyui-validatebox" data-options="required:true,validType:['email','length[0,20]']">

html

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

  1. <head>  

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

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

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

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

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

  1.     <script>  

  1.   

  1.         $(function () {  

  1.               

  1.             //设置text需要验证  

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

  1.         })  

  1.       

  1.     </script>  

  1. </head>  

  1. <body>  

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

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

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

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

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

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

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

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

  1. </body>  

  1. </html>

-----

自定义验证：

  1. //扩展easyui表单的验证
  2. $.extend($.fn.validatebox.defaults.rules, {
  3.     //验证汉子
  4.     CHS: {
  5.         validator: function (value) {
  6.             return /^[\u0391-\uFFE5]+$/.test(value);
  7.         },
  8.         message: '只能输入汉字'
  9.     },
  10.     //移动手机号码验证
  11.     mobile: {//value值为文本框中的值
  12.         validator: function (value) {
  13.             var reg = /^1[3|4|5|8|9]\d{9}$/;
  14.             return reg.test(value);
  15.         },
  16.         message: '输入手机号码格式不准确.'
  17.     },
  18.     //国内邮编验证
  19.     zipcode: {
  20.         validator: function (value) {
  21.             var reg = /^[1-9]\d{5}$/;
  22.             return reg.test(value);
  23.         },
  24.         message: '邮编必须是非0开始的6位数字.'
  25.     },
  26.     //用户账号验证(只能包括 _ 数字 字母)
  27.     account: {//param的值为[]中值
  28.         validator: function (value, param) {
  29.             if (value.length < param[0] || value.length > param[1]) {
  30.                 $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';
  31.                 return false;
  32.             } else {
  33.                 if (!/^[\w]+$/.test(value)) {
  34.                     $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';
  35.                     return false;
  36.                 } else {
  37.                     return true;
  38.                 }
  39.             }
  40.         }, message: ''
  41.     }
  42. })

js代码

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

  1.         checkWSDL: {     

  1.             validator: function(value,param){               

  1.                  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$";  

  1.                  return reg.test(value);  

  1.             },     

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

  1.         },  

  1.         checkIp : {// 验证IP地址  

  1.             validator : function(value) {  

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

  1.                 return reg.test(value);  

  1.             },  

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

  1.     }  

  1. });

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

转自：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. 关于tableView的错误提示

    WARNING: Using legacy cell layout due to delegate implementation of tableView:accessoryTypeForRowWit ...

  2. BZOJ 4544: 椭圆上的整点

    Sol 数学. 跟圆上的整点一样...TA写了个积性函数的算法...以后再说吧... \(x^2+3y^2=r^2\) \(3y^2=r^2-x^2\) \(3y^2=(r-x)(r+x)\) \(y ...

  3. 强制QQ好友

    tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=32595667&website=www.oicq ...

  4. neutron 网络配置flat模式

    使用flat模式,直接使用物理网络的子网,配置如下:

  5. JavaScript——特殊点总结

    首先,== equality 等同,=== identity 恒等. ==, 两边值类型不同的时候,要先进行类型转换,再比较. ===,不做类型转换,类型不同的一定不等. 下面分别说明: 先说 === ...

  6. [20160804]synchronized

    class Timer{ private static int num; void add(String name){ //synchronized (this){ num++; try{ Threa ...

  7. Different Ways to Add Parentheses

    Given a string of numbers and operators, return all possible results from computing all the differen ...

  8. 一键自动发布ipa(更新svn，拷贝资源，压缩资源，加密图片资源，加密数据文件，加密lua脚本，编译代码，ipa签名，上传ftp)

    一键自动发布ipa(更新svn,拷贝资源,压缩资源,加密图片资源,加密数据文件,加密lua脚本,编译代码,ipa签名,上传ftp) 程序员的生活要一切自动化,更要幸福^_^. 转载请注明出处http: ...

  9. STL vector按多字段值排序

    #include <iostream> #include <vector> #include <string> #include <algorithm> ...

  10. poj 1102.LC-Display 解题报告

    题目链接:http://poj.org/problem?id=1102 题目意思:就是根据给出的格式 s 和 数字 n,输出数值 n 的 LCD 显示.数值 n 的每个数字要占据 s + 2 列 和 ...