EasyUI 扩展自定义EasyUI校验规则 验证规则（常用的）
生活随笔
收集整理的這篇文章主要介紹了
EasyUI 扩展自定义EasyUI校验规则 验证规则（常用的）
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
轉(zhuǎn)自：http://blog.csdn.net/pqszq1314/article/details/25896163
例如 校驗輸入框只能錄入0-1000之間 最多有2位小數(shù)的數(shù)字
$.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:?'請輸入數(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}個字'?? ????????????????},?? ????????????????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:?'登錄名稱只允許漢字、英文字母、數(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ù)字'?? ????????????}?? ????????????});??
表單<input type="text" id="rate" name="rate" required="true"?class="easyui-validatebox"??validType="rateCheck[0,1000]"??maxlength="6" />
總結(jié)
以上是生活随笔為你收集整理的EasyUI 扩展自定义EasyUI校验规则 验证规则（常用的）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Win10系统AHCI模式怎么开启 Wi
- 下一篇： spring mail 发送邮件