实例解析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设置IFRAME的SRC值的代码
Nov 30 Javascript
基于jQuery的弹出框插件
Mar 18 Javascript
jQuery之日期选择器的深入解析
Jun 19 Javascript
使用jquery解析XML的方法
Sep 05 Javascript
React数据传递之组件内部通信的方法
Dec 31 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
微信小程序签到功能
Oct 31 Javascript
Vue.js 无限滚动列表性能优化方案
Dec 02 Javascript
javascript 数组精简技巧小结
Feb 26 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 Javascript
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
整理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
德生BCL3000的电路分析和打磨
2021/03/02 无线电
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
javascript iframe编程相关代码
2009/12/28 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
2011/07/04 Javascript
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
2017/03/08 Javascript
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
2018/12/11 Javascript
vue router 用户登陆功能的实例代码
2019/04/24 Javascript
一文了解Vue中的nextTick
2019/05/06 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
Python sys.argv用法实例
2015/05/28 Python
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
Python使用微信itchat接口实现查看自己微信的信息功能详解
2019/08/22 Python
python实现按首字母分类查找功能
2019/10/31 Python
python GUI库图形界面开发之PyQt5动态加载QSS样式文件
2020/02/25 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
python中pop()函数的语法与实例
2020/12/01 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
护理自荐信范文
2013/10/05 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
中标通知书格式
2015/04/17 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书
单位计划生育责任书
2015/05/09 职场文书
合同纠纷调解书
2015/05/20 职场文书
dubbo服务整合zipkin详解
2021/07/26 Java/Android
AudioContext 实现音频可视化(web技术分享)
2022/02/24 Javascript