您的位置:首页 > 产品设计 > UI/UE

自定义easy-ui validatebox 如maxLength()等等校验规则

2014-03-04 21:21 549 查看
转自:http://blog.csdn.net/bareheadzzq/article/details/8050003 特此鸣谢!
$(document).ready(
function(){

$.extend($.fn.validatebox.defaults.rules, {
minLength: {
validator: function(value, param){   //value 为需要校验的输入框的值 , param为使用此规则时存入的参数
return value.length >= param[0];
},
message: '请输入最小{0}位字符.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
maxLength: {
validator: function(value, param){
return param[0] >= value.length;
},
message: '请输入最大{0}位字符.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
length: {
validator: function(value, param){
return value.length >= param[0] && param[1] >= value.length;
},
message: '请输入{0}-{1}位字符.'
}
});

// extend the 'equals' rule
$.extend($.fn.validatebox.defaults.rules, {
equals: {
validator: function(value,param){
return value == $(param[0]).val();
},
message: '字段不相同.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
web : {
validator: function(value){
return /^(http[s]{0,1}|ftp):\/\//i.test($.trim(value));
},
message: '网址格式错误.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
mobile : {
validator: function(value){
return /^1[0-9]{10}$/i.test($.trim(value));
},
message: '手机号码格式错误.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
date : {
validator: function(value){
return /^[0-9]{4}[-][0-9]{2}[-][0-9]{2}$/i.test($.trim(value));
},
message: '曰期格式错误,如2012-09-11.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
email : {
validator: function(value){
return /^[a-zA-Z0-9_+.-]+\@([a-zA-Z0-9-]+\.)+[a-zA-Z0-9]{2,4}$/i.test($.trim(value));
},
message: '电子邮箱格式错误.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
captcha : {
validator: function(value){
var data0 = false;
$.ajax({
type: "POST",async:false,
url:contextPath + "/json/valSimulation.action",
dataType:"json",
data:{"simulation":value},
async:false,
success: function(data){
data0=data;
}
});

return data0;
// 			        	return /^[a-zA-Z0-9]{4}$/i.test($.trim(value));
},
message: '验证码错误.'
}
});

$.extend($.fn.validatebox.defaults.rules, {
txtName : {
validator: function(value,param){
var data0 = false;
if(value.length >= param[0] && param[1] >= value.length)
{
$.ajax({
type: "POST",async:false,
url:contextPath + "/json/valName.action",
dataType:"json",
data:{"txtName":value},
async:false,
success: function(data){
data0=!data;
}
});
}else{
param[2] = "请输入"+param[0]+"-"+param[1]+"位字符.";
return false;
}

param[2] = "用户名称已存在.";
return data0;
},
message: "{2}"
}
});

});
使用:

<input type="text" class="easyui-validatebox" required=true missingMessage="必须输入" data-options="validType:'maxLength[100]'" invalidMessage="最大长度不能超过100"/>

小细节:Unicode编码的汉字是3个字节 。

Oracle 数据库字段指定为varchar2(). 还可以指定其单位为char 还是byte

为char :

varchar2(3) 可以存 3*2/3= 2个汉字

为byte:varchar2(3)可以存3*1/3=1个汉字

下面来自 http://www.cnblogs.com/yukaizhao/archive/2012/06/16/jquery-easyui-validation-equalto.html
使用示例:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: