简介:

使用Easyui,我们省了好多事情,不用为UI费心,只需要关注业务层面即可,下面是一些常用的验证方面的扩展,收藏下自己用

  1. //重载$.fn.validatebox.defaults.rules,实现validator和message即可,value表示元素值,param表示参数,如validtype="length[1,4]"
  2.  
  3. $.extend($.fn.validatebox.defaults.rules, {
  4.  
  5. minLength: { // 判断最小长度
  6. validator: function (value, param) {
  7. return value.length >= param[0];
  8. },
  9. message: '最少输入 {0} 个字符。'
  10. },
  11. length: {
  12. validator: function (value, param) {
  13. var len = $.trim(value).length;
  14. return len >= param[0] && len <= param[1];
  15. },
  16. message: "内容长度介于{0}和{1}之间."
  17. },
  18. phone: {// 验证电话号码
  19. validator: function (value) {
  20. return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
  21. },
  22. message: '格式不正确,请使用下面格式:020-88888888'
  23. },
  24. mobile: {// 验证手机号码
  25. validator: function (value) {
  26. return /^(13|15|18)\d{9}$/i.test(value);
  27. },
  28. message: '手机号码格式不正确(正确格式如:13450774432)'
  29. },
  30. phoneOrMobile: {//验证手机或电话
  31. validator: function (value) {
  32. return /^(13|15|18)\d{9}$/i.test(value) || /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
  33. },
  34. message: '请填入手机或电话号码,如13688888888或020-8888888'
  35. },
  36. idcard: {// 验证身份证
  37. validator: function (value) {
  38. return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
  39. },
  40. message: '身份证号码格式不正确'
  41. },
  42. floatOrInt: {// 验证是否为小数或整数
  43. validator: function (value) {
  44. return /^(\d{1,3}(,\d\d\d)*(\.\d{1,3}(,\d\d\d)*)?|\d+(\.\d+))?$/i.test(value);
  45. },
  46. message: '请输入数字,并保证格式正确'
  47. },
  48. currency: {// 验证货币
  49. validator: function (value) {
  50. return /^d{0,}(\.\d+)?$/i.test(value);
  51. },
  52. message: '货币格式不正确'
  53. },
  54. qq: {// 验证QQ,从10000开始
  55. validator: function (value) {
  56. return /^[1-9]\d{4,9}$/i.test(value);
  57. },
  58. message: 'QQ号码格式不正确(正确如:453384319)'
  59. },
  60. integer: {// 验证整数
  61. validator: function (value) {
  62. return /^[+]?[1-9]+\d*$/i.test(value);
  63. },
  64. message: '请输入整数'
  65. },
  66. chinese: {// 验证中文
  67. validator: function (value) {
  68. return /^[\u0391-\uFFE5]+$/i.test(value);
  69. },
  70. message: '请输入中文'
  71. },
  72. english: {// 验证英语
  73. validator: function (value) {
  74. return /^[A-Za-z]+$/i.test(value);
  75. },
  76. message: '请输入英文'
  77. },
  78. unnormal: {// 验证是否包含空格和非法字符
  79. validator: function (value) {
  80. return /.+/i.test(value);
  81. },
  82. message: '输入值不能为空和包含其他非法字符'
  83. },
  84. username: {// 验证用户名
  85. validator: function (value) {
  86. return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
  87. },
  88. message: '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
  89. },
  90. faxno: {// 验证传真
  91. validator: function (value) {
  92. // return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);
  93. return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
  94. },
  95. message: '传真号码不正确'
  96. },
  97. zip: {// 验证邮政编码
  98. validator: function (value) {
  99. return /^[1-9]\d{5}$/i.test(value);
  100. },
  101. message: '邮政编码格式不正确'
  102. },
  103. ip: {// 验证IP地址
  104. validator: function (value) {
  105. return /d+.d+.d+.d+/i.test(value);
  106. },
  107. message: 'IP地址格式不正确'
  108. },
  109. name: {// 验证姓名,可以是中文或英文
  110. validator: function (value) {
  111. return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
  112. },
  113. message: '请输入姓名'
  114. },
  115. carNo: {
  116. validator: function (value) {
  117. return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);
  118. },
  119. message: '车牌号码无效(例:粤J12350)'
  120. },
  121. carenergin: {
  122. validator: function (value) {
  123. return /^[a-zA-Z0-9]{16}$/.test(value);
  124. },
  125. message: '发动机型号无效(例:FG6H012345654584)'
  126. },
  127. email: {
  128. validator: function (value) {
  129. return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
  130. },
  131. message: '请输入有效的电子邮件账号(例:abc@126.com)'
  132. },
  133. msn: {
  134. validator: function (value) {
  135. return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
  136. },
  137. message: '请输入有效的msn账号(例:abc@hotnail(msn/live).com)'
  138. }, department: {
  139. validator: function (value) {
  140. return /^[0-9]*$/.test(value);
  141. },
  142. message: '请输入部门排序号(例:1)'
  143. }, same: {
  144. validator: function (value, param) {
  145. if ($("#" + param[0]).val() != "" && value != "") {
  146. return $("#" + param[0]).val() == value;
  147. } else {
  148. return true;
  149. }
  150. },
  151. message: '两次输入的密码不一致!'
  152. }
  153. });

  转自:http://www.jeasyuicn.com/jquery-easyui-validatebox-rules-common-extension.html

Easyui表单验证扩展的更多相关文章

  1. EasyUI表单验证,自定义插件验证,自定义js插件验证,远程验证,常见手机号,中英文,qq等验证规则验证

     { field : 'startPort', title : "起始端口", editor: "text", width : 50, editor: { ...

  2. easyUI表单验证

    1.重写easyui中的 $.extend($.fn.validatebox.defaults.rules, { }) 2.长度重写的方式 1 $.extend($.fn.validatebox.de ...

  3. easyui 表单验证validatetype——支持自定义验证

    easyui 的validatebox()提供了自定义验证的方法,为此我把一些常用的数据验证汇总了一下,代码如下: 代码 Code highlighting produced by Actipro C ...

  4. 【开发】Form Validate 表单验证 扩展应用

    目录: ★.文本输入框(easyui-textbox) ★.数字框(easyui-numberbox) ★.时间(easyui-datebox) ★.文本域(easyui-textbox easyui ...

  5. 修改 jquery easyui 表单验证默认的样式

    目前对于不符合要求的输入域会在右侧显示一个带箭头的提示,可是如果我的输入框比较靠右的话就显示不全了(虽然会出滚动条,但是由于鼠标移开就消失了,所以还是看不到提示内容)! 能不能把这个提示的位置改变一下 ...

  6. Jquery插件easyUi表单验证提交

    <form id="myForm" method="post"> <table align="center" style= ...

  7. EasyUI表单验证插件扩展

    $.extend($.fn.validatebox.defaults.rules, { regex: { validator: function (value, param) { var regex ...

  8. atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证

    atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证 1. 需求,表单验证需要弹框式,但目前easyui ms绑定死了tooltip式样 1 2. 表 ...

  9. atittit.表单验证性质的原则和实施,以及选择和定义自己的兼容easyui dsl窗体身份验证规则

    atittit.表单验证性质的原则和实施,以及选择和定义自己的兼容easyui dsl规则的表单验证 1. 需求,表单验证须要弹框式,但眼下easyui ms绑定死了tooltip式样 1 2. 表单 ...

随机推荐

  1. Microsoft dotnetConf 2015

    Microsoft dotnetConf 2015 一些整理   dotnetConf 2015 直播计划: 第一天 (10 个主讲) - .NET Product Teams 主讲人为 .NET 产 ...

  2. AFNetworking3.0 POST请求

    // 请求管理者 AFHTTPSessionManager *manager = [AFHTTPSessionManager manager]; manager.responseSerializer ...

  3. 枚举 UIButton补充

    一.URL 1.什么是URL? URL是某个资源的唯一路径,通过这个路径就能访问对应的资源 2.URL的组成 协议头://全路径 * 协议头就代表资源的类型,比如http代表网络服务器资源,ftp代表 ...

  4. Hibernate 一对多注解 mappedby 作用

    package oneToMany; import java.util.Set; import javax.persistence.*; /* 注意导入时,是导入:import javax.persi ...

  5. jQuery.extend()源码解读

    // extend方法为jQuery对象和init对象的prototype扩展方法// 同时具有独立的扩展普通对象的功能jQuery.extend = jQuery.fn.extend = funct ...

  6. SQL 无限级分类语句

    原文:SQL 无限级分类语句 原表数据为: 此处用到了with关键字,在程序中也可以用递归实现,但觉得还是没有一条sql方便 with tb (ID,Name,ParentID,Sort) as( s ...

  7. js+css3动态时钟-------Day66

    昨天,有一天招,宽带到底没装上.相当恼火,不过包了一天租新房,有很多想法下来,其中,率先实现了--动态时钟(它已上载的资源,一些粗略的全貌.汗...) 这里记录.这个看似简单的功能,以达到良好的,我在 ...

  8. navicat连接oracle数据库报ORA-28547: connection to server failed, probable Oracle Net admin error错误的解决方法

    原文:navicat连接oracle数据库报ORA-28547: connection to server failed, probable Oracle Net admin error错误的解决方法 ...

  9. 推荐两个针对github的chrome插件

    作为一只程序猿,在github上找代码.看代码是再正常不过的事情了.这时候有个工具可以方便你翻看代码,想必是极好的. Sourcegraph for GitHub 这个插件允许你像使用IDE那样浏览代 ...

  10. 百度地图 api 功能封装类 (ZMap.js) 本地搜索,范围查找实例

    百度地图 api 功能封装类 (ZMap.js) 本地搜索,范围查找实例 相关说明 1. 界面查看: 吐槽贴:百度地图 api 封装 的实用功能 [源码下载] 2. 功能说明: 百度地图整合功能分享修 ...