Easyui的validatebox验证方法自定义扩展
Posted uuuz
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Easyui的validatebox验证方法自定义扩展相关的知识，希望对你有一定的参考价值。
由于easyui的validatebox本身提供的验证方法较少，故对其进行了自定义扩展。
1、新建一个js文件 —— extendValidateboxRules.js ，内容如下：
/**
* auther by Highness
* date : xxxx-xx-xx
*/
// 时间格式规范
var regex_dateTime = /d{4}-d{2}-d{2} d{2}:d{2}:d{2}/;//@author ren
$.extend($.fn.validatebox.defaults.rules, {
// 字符最大长度（param传参）
maxLength: {
validator: function(value, param){
return value.length <= param[0];
},
message: ‘您输入的字数太长了,最多{0}个字‘
},
// 验证姓名，可以是中文或英文
name : {
validator : function(value) {
return /^[u0391-uFFE5]{1,20}$/i.test(value)|/^w+[ws]+w+$/i.test(value);
},
message : ‘姓名字数过多或应为中文或者英文‘
},
// 验证身份证
idcard : {
validator : function(value) {
return /^d{15}(d{2}[Xx0-9])?$/i.test(value);
},
message : ‘身份证应为15位或者18位‘
},
// 验证IP地址
ip : {
validator : function(value) {
return /d+.d+.d+.d+/.test(value);
},
message : ‘IP地址格式不正确‘
},
//年龄验证
age : {
validator : function(value) {
return /^[0-9]{1,2}$/i.test(value);//0-99
},
message : ‘您输入的年龄不合法‘
},
// 验证电话号码
phone : {
validator : function(value) {
return /^1d{10}$/i.test(value) || /^0d{2,3}-?d{7,8}$/i.test(value);
},
message : ‘电话号码正确格式:15288888888或020(0310)-88888888‘
},
// 验证数字,整数或小数
number : {
validator : function(value) {
return /^d{1,10}(.d{0,4})?$/i.test(value);
},
message : ‘请输入正确的金额‘
},
// 验证数字,只能为整数
integer : {
validator : function(value) {
return /^d{1,12}$/i.test(value);
},
message : ‘请输入一个整数‘
},
// 时间验证
//@author ren
/* start */
endToStart: {
validator: function(value, param) {
return value>$("#"+param[0]+" input[name=‘"+param[1]+"‘]").val();//结束时间>开始时间
},
message: ‘结束时间应晚于起始时间‘
},
startToEnd: {
validator: function(value, param) {
return value>$("#"+param[0]).datetimebox(‘getValue‘);//结束时间>开始时间
},
message: ‘结束时间应晚于起始时间‘
},
datetimeValidate: {
validator: function(value, param) {
return regex_dateTime.test(value);//验证时间格式是否规范
},
message: ‘时间格式应为 2015-01-01 12:00:00‘
}
/* end */
});
2、在html页面引入该js文件
<!-- 扩展Easyui validatebox 的验证方法 -->
<script src="js/jquery/jquery-easyui-1.3.6/extendValidateboxRules.js"></script>
3、在html代码中添加验证
例如：身份证号规范性验证，只需在validType="idcard"修改为自定义的验证方法名即可。
<input type="text" class="easyui-validatebox" required="true" validType="idcard" />
4、在js中添加验证
//联系方式
var lxfs = $("#FormID :input[name=‘iPhone‘]").validatebox({
required:true,
validType : ‘phone‘,
missingMessage:"请输入联系方式"
});
验证方法为：
if(!lxfs.validatebox(‘isValid‘)){
<span style="white-space:pre"> </span>alert(‘联系方式输入有误!‘);
}
————————————————
版权声明：本文为CSDN博主「Hgihness」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/javahighness/article/details/47122303
以上是关于Easyui的validatebox验证方法自定义扩展的主要内容，如果未能解决你的问题，请参考以下文章
easyui关于validatebox实现多重规则验证的实践