快捷導(dǎo)航

實(shí)例解析jQuery插件EasyUI最常用的表單驗(yàn)證規(guī)則

更新時(shí)間：2015年11月29日 15:23:37 作者：Garry1115

這篇文章主要以實(shí)例解析了jQuery插件EasyUI最常用的驗(yàn)證規(guī)則，對EasyUI校驗(yàn)感興趣的小伙伴們可以參考一下

例如：校驗(yàn)輸入框只能錄入0-1000之間最多有2位小數(shù)的數(shù)字
表單<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 : {// 驗(yàn)證英語 
   validator : function(value) { 
   return /^[A-Za-z]+$/i.test(value); 
   }, 
   message : '請輸入英文' 
  }, 
  ip : {// 驗(yàn)證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: '手機(jī)號碼不正確' 
  }, 
  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: '請輸入數(shù)字' 
  }, 
  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:'請輸入整數(shù)或小數(shù)' 
 
  }, 
  integer:{ 
   validator:function(value,param){ 
   return /^[+]?[1-9]\d*$/.test(value); 
   }, 
   message: '請輸入最小為1的整數(shù)' 
  }, 
  integ:{ 
   validator:function(value,param){ 
   return /^[+]?[0-9]\d*$/.test(value); 
   }, 
   message: '請輸入整數(shù)' 
  }, 
  range:{ 
   validator:function(value,param){ 
   if(/^[1-9]\d*$/.test(value)){ 
    return value >= param[0] && value <= param[1] 
   }else{ 
    return false; 
   } 
   }, 
   message:'輸入的數(shù)字在{0}到{1}之間' 
  }, 
  minLength:{ 
   validator:function(value,param){ 
   return value.length >=param[0] 
   }, 
   message:'至少輸入{0}個(gè)字' 
  }, 
  maxLength:{ 
   validator:function(value,param){ 
   return value.length<=param[0] 
   }, 
   message:'最多{0}個(gè)字' 
  }, 
  //select即選擇框的驗(yàn)證 
  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: '登錄名稱只允許漢字、英文字母、數(shù)字及下劃線。' 
  }, 
  equalTo: { 
   validator: function (value, param) { 
   return value == $(param[0]).val(); 
   }, 
   message: '兩次輸入的字符不一至' 
  }, 
  englishOrNum : {// 只能輸入英文和數(shù)字 
   validator : function(value) { 
   return /^[a-zA-Z0-9_ ]{1,}$/.test(value); 
   }, 
   message : '請輸入英文、數(shù)字、下劃線或者空格' 
  }, 
  xiaoshu:{ 
  validator : function(value){ 
  return /^(([1-9]+)|([0-9]+\.[0-9]{1,2}))$/.test(value); 
  }, 
  message : '最多保留兩位小數(shù)！' 
  }, 
  ddPrice:{ 
  validator:function(value,param){ 
   if(/^[1-9]\d*$/.test(value)){ 
   return value >= param[0] && value <= param[1]; 
   }else{ 
   return false; 
   } 
  }, 
  message:'請輸入1到100之間正整數(shù)' 
  }, 
  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之間的最多倆位小數(shù)的數(shù)字' 
  }, 
  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之間的最多倆位小數(shù)的數(shù)字' 
  } 
  });

您可能感興趣的文章: