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

前端技术 2023/09/02 JavaScript

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

$.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之间的最多俩位小数的数字\' 
  } 
  }); 

本文地址:https://www.stayed.cn/item/4700

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。