实例解析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 相关文章推荐
jQuery中文入门指南,翻译加实例,jQuery的起点教程
Feb 09 Javascript
JQuery autocomplete 使用手册
Apr 01 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
Dec 06 Javascript
最简单的js图片切换效果实现代码
Sep 24 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
Mar 18 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
Jul 22 Javascript
JavaScript中交换值的10种方法总结
Aug 18 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原创论坛
2006/10/09 PHP
使用 MySQL Date/Time 类型
2008/03/26 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
php注册和登录界面的实现案例(推荐)
2016/10/24 PHP
php实现评论回复删除功能
2017/05/23 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
Vue中使用vux的配置详解
2017/05/05 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
[01:17]辉夜杯战队访谈宣传片—EHOME
2015/12/25 DOTA
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
python zip文件 压缩
2008/12/24 Python
Python入门篇之面向对象
2014/10/20 Python
python自定义解析简单xml格式文件的方法
2015/05/11 Python
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
使用pandas 将DataFrame转化成dict
2019/12/10 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
介绍一下JMS编程步骤
2015/09/22 面试题
高级护理实习生自荐信
2013/09/28 职场文书
创业计划书——互联网商机
2014/01/12 职场文书
学年末自我鉴定
2014/01/21 职场文书
农村婚礼主持词
2014/03/13 职场文书
无偿献血倡议书
2014/04/14 职场文书
银行求职信范文怎么写
2015/03/20 职场文书
求职自我推荐信
2015/03/24 职场文书
检讨书模板大全
2015/05/07 职场文书
法人代表资格证明书
2015/06/18 职场文书