实例解析jQuery插件EasyUI最常用的表单验证规则


Posted in Javascript onNovember 29, 2015

例如:校验输入框只能录入0-1000之间 最多有2位小数的数字
表单<input type="text" id="rate" name="rate" required="true" class="easyui-validatebox"  validType="rateCheck[0,1000]"  maxlength="6" />

实例解析jQuery插件EasyUI最常用的表单验证规则

$.extend($.fn.validatebox.defaults.rules, { 
  CHS: { 
   validator: function (value, param) { 
   return /^[\u0391-\uFFE5]+$/.test(value); 
   }, 
   message: '请输入汉字' 
  }, 
  english : {// 验证英语 
   validator : function(value) { 
   return /^[A-Za-z]+$/i.test(value); 
   }, 
   message : '请输入英文' 
  }, 
  ip : {// 验证IP地址 
   validator : function(value) { 
   return /\d+\.\d+\.\d+\.\d+/.test(value); 
   }, 
   message : 'IP地址格式不正确' 
  }, 
  ZIP: { 
   validator: function (value, param) { 
   return /^[0-9]\d{5}$/.test(value); 
   }, 
   message: '邮政编码不存在' 
  }, 
  QQ: { 
   validator: function (value, param) { 
   return /^[1-9]\d{4,10}$/.test(value); 
   }, 
   message: 'QQ号码不正确' 
  }, 
  mobile: { 
   validator: function (value, param) { 
   return /^(?:13\d|15\d|18\d)-?\d{5}(\d{3}|\*{3})$/.test(value); 
   }, 
   message: '手机号码不正确' 
  }, 
  tel:{ 
   validator:function(value,param){ 
   return /^(\d{3}-|\d{4}-)?(\d{8}|\d{7})?(-\d{1,6})?$/.test(value); 
   }, 
   message:'电话号码不正确' 
  }, 
  mobileAndTel: { 
   validator: function (value, param) { 
   return /(^([0\+]\d{2,3})\d{3,4}\-\d{3,8}$)|(^([0\+]\d{2,3})\d{3,4}\d{3,8}$)|(^([0\+]\d{2,3}){0,1}13\d{9}$)|(^\d{3,4}\d{3,8}$)|(^\d{3,4}\-\d{3,8}$)/.test(value); 
   }, 
   message: '请正确输入电话号码' 
  }, 
  number: { 
   validator: function (value, param) { 
   return /^[0-9]+.?[0-9]*$/.test(value); 
   }, 
   message: '请输入数字' 
  }, 
  money:{ 
   validator: function (value, param) { 
   return (/^(([1-9]\d*)|\d)(\.\d{1,2})?$/).test(value); 
   }, 
   message:'请输入正确的金额' 
 
  }, 
  mone:{ 
   validator: function (value, param) { 
   return (/^(([1-9]\d*)|\d)(\.\d{1,2})?$/).test(value); 
   }, 
   message:'请输入整数或小数' 
 
  }, 
  integer:{ 
   validator:function(value,param){ 
   return /^[+]?[1-9]\d*$/.test(value); 
   }, 
   message: '请输入最小为1的整数' 
  }, 
  integ:{ 
   validator:function(value,param){ 
   return /^[+]?[0-9]\d*$/.test(value); 
   }, 
   message: '请输入整数' 
  }, 
  range:{ 
   validator:function(value,param){ 
   if(/^[1-9]\d*$/.test(value)){ 
    return value >= param[0] && value <= param[1] 
   }else{ 
    return false; 
   } 
   }, 
   message:'输入的数字在{0}到{1}之间' 
  }, 
  minLength:{ 
   validator:function(value,param){ 
   return value.length >=param[0] 
   }, 
   message:'至少输入{0}个字' 
  }, 
  maxLength:{ 
   validator:function(value,param){ 
   return value.length<=param[0] 
   }, 
   message:'最多{0}个字' 
  }, 
  //select即选择框的验证 
  selectValid:{ 
   validator:function(value,param){ 
   if(value == param[0]){ 
    return false; 
   }else{ 
    return true ; 
   } 
   }, 
   message:'请选择' 
  }, 
  idCode:{ 
   validator:function(value,param){ 
   return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value); 
   }, 
   message: '请输入正确的身份证号' 
  }, 
  loginName: { 
   validator: function (value, param) { 
   return /^[\u0391-\uFFE5\w]+$/.test(value); 
   }, 
   message: '登录名称只允许汉字、英文字母、数字及下划线。' 
  }, 
  equalTo: { 
   validator: function (value, param) { 
   return value == $(param[0]).val(); 
   }, 
   message: '两次输入的字符不一至' 
  }, 
  englishOrNum : {// 只能输入英文和数字 
   validator : function(value) { 
   return /^[a-zA-Z0-9_ ]{1,}$/.test(value); 
   }, 
   message : '请输入英文、数字、下划线或者空格' 
  }, 
  xiaoshu:{ 
  validator : function(value){ 
  return /^(([1-9]+)|([0-9]+\.[0-9]{1,2}))$/.test(value); 
  }, 
  message : '最多保留两位小数!' 
  }, 
  ddPrice:{ 
  validator:function(value,param){ 
   if(/^[1-9]\d*$/.test(value)){ 
   return value >= param[0] && value <= param[1]; 
   }else{ 
   return false; 
   } 
  }, 
  message:'请输入1到100之间正整数' 
  }, 
  jretailUpperLimit:{ 
  validator:function(value,param){ 
   if(/^[0-9]+([.]{1}[0-9]{1,2})?$/.test(value)){ 
   return parseFloat(value) > parseFloat(param[0]) && parseFloat(value) <= parseFloat(param[1]); 
   }else{ 
   return false; 
   } 
  }, 
  message:'请输入0到100之间的最多俩位小数的数字' 
  }, 
  rateCheck:{ 
  validator:function(value,param){ 
   if(/^[0-9]+([.]{1}[0-9]{1,2})?$/.test(value)){ 
   return parseFloat(value) > parseFloat(param[0]) && parseFloat(value) <= parseFloat(param[1]); 
   }else{ 
   return false; 
   } 
  }, 
  message:'请输入0到1000之间的最多俩位小数的数字' 
  } 
  });
Javascript 相关文章推荐
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
ASP 过滤数组重复数据函数(加强版)
May 31 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
Jun 28 Javascript
jquery div 居中技巧应用介绍
Nov 24 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
May 14 Javascript
Javascript通过overflow控制列表闭合与展开的方法
May 15 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
深入理解令牌认证机制(token)
Aug 22 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 #Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 #Javascript
整理Javascript数组学习笔记
Nov 29 #Javascript
Bootstrap每天必学之缩略图与警示窗
Nov 29 #Javascript
分享我的jquery实现下拉菜单心的
Nov 29 #Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 #Javascript
整理Javascript基础语法学习笔记
Nov 29 #Javascript
You might like
php学习 函数 课件
2008/06/15 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
laravel框架模型和数据库基础操作实例详解
2020/01/25 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
在Javascript中为String对象添加trim,ltrim,rtrim方法
2006/09/22 Javascript
js removeChild 障眼法 可能出现的错误
2009/10/06 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
jQuery实现的支持IE的html滑动条
2015/03/16 Javascript
Jquery中巧用Ajax的beforeSend方法
2016/01/20 Javascript
js解决movebox移动问题
2016/03/29 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
JavaScript读写二进制数据的方法详解
2018/09/09 Javascript
vue项目实现图片上传功能
2019/12/23 Javascript
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
Python模块文件结构代码详解
2018/02/03 Python
儿童python练习实例
2018/05/27 Python
详解python里的命名规范
2018/07/16 Python
python设计微型小说网站(基于Django+Bootstrap框架)
2019/07/08 Python
python3 线性回归验证方法
2019/07/09 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
法律专业应届本科毕业生求职信
2013/10/25 职场文书
2015年店长工作总结范文
2015/04/08 职场文书