实例解析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 相关文章推荐
用于判断用户注册时,密码强度的JS代码
Jan 01 Javascript
基于jquery的拖动布局插件
Nov 25 Javascript
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
ScrollDown的基本操作示例
Jun 09 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
Nov 11 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
jQuery实现只允许输入数字和小数点的方法
Mar 02 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
jquery animate动画持续运动的实例
Nov 29 jQuery
vue权限管理系统的实现代码
Jan 17 Javascript
javascript实现京东登录显示隐藏密码
Aug 02 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反射应用示例
2014/02/25 PHP
PHP调用.NET的WebService 简单实例
2015/03/27 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
php中使用GD库做验证码
2016/03/31 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
JavaScript 指导方针
2007/04/05 Javascript
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
JS修改iframe页面背景颜色的方法
2015/04/01 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
浅析Vue自定义组件的v-model
2017/11/26 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
React+Webpack快速上手指南(小结)
2018/08/15 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
详解Python3中的Sequence type的使用
2015/08/01 Python
简单谈谈python中的语句和语法
2017/08/10 Python
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
对Python实现简单的API接口实例讲解
2018/12/10 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
教师年度考核评语
2014/04/28 职场文书
校园环保广播稿(3篇)
2014/09/15 职场文书
公司授权委托书范本
2014/09/18 职场文书
乡镇领导班子四风对照检查材料
2014/09/27 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
2015年网络管理员工作总结
2015/05/21 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
vue实现滑动解锁功能
2022/03/03 Vue.js