首页 > 编程 > JavaScript > 正文

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

2019-11-20 11:07:54
字体:
来源:转载
供稿:网友

例如:校验输入框只能录入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之间的最多俩位小数的数字'   }   }); 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表