实例解析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 相关文章推荐
javascript学习网址备忘
May 29 Javascript
JavaScript语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
jquery 获取json数据实现代码
Apr 27 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
Dec 31 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
基于JavaScript实现活动倒计时效果
Apr 20 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
小程序实现短信登录倒计时
Jul 12 Javascript
如何实现echarts markline标签名显示自己想要的
Jul 20 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 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将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
试用php中oci8扩展
2015/06/18 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
JS 常用校验函数
2009/03/26 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
Python类的用法实例浅析
2015/05/27 Python
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
python如何统计代码运行的时长
2019/07/24 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
python打包多类型文件的操作方法
2020/09/21 Python
PyQT5速成教程之Qt Designer介绍与入门
2020/11/02 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
Brookstone美国官网:独特新奇产品
2017/03/04 全球购物
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
地球一小时倡议书
2014/04/15 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
房屋质量投诉书
2015/07/02 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书