自定义easy-ui validatebox 如maxLength()等等校验规则
2015-03-29 21:31
337 查看
$(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}"
}
});
});
[javascript] view
plaincopy
[javascript] view
plaincopy
使用:
<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个汉字
[javascript] view
plaincopy
[javascript] view
plaincopy
<pre name="code" class="javascript"><pre></pre>
<pre></pre>
<pre name="code" class="javascript"></pre><pre name="code" class="javascript"></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
</pre>
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}"
}
});
});
[javascript] view
plaincopy
[javascript] view
plaincopy
使用:
<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个汉字
[javascript] view
plaincopy
[javascript] view
plaincopy
<pre name="code" class="javascript"><pre></pre>
<pre></pre>
<pre name="code" class="javascript"></pre><pre name="code" class="javascript"></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
</pre>
相关文章推荐
- 自定义easy-ui validatebox 如maxLength()等等校验规则
- 自定义easy-ui validatebox 如maxLength()等等校验规则
- 自定义easy-ui validatebox 如maxLength()等等校验规则
- jQuery EasyUI---validatebox 校验规则扩展
- jQuery EasyUI---validatebox 校验规则扩展
- easyui ValidateBox validType字段设置多个校验规则
- jQuery EasyUI---validatebox 校验规则扩展
- jQuery Validate(2) - 默认、自定义校验规则与提示
- easyui validatebox 验证集合,自定义easyui验证规则
- 为validate.js添加新的校验规则
- 解决easyui 1.3.4之后版本 页面加载后 validatebox默认校验
- jqeury validate(2): 将校验规则写到js代码中
- jQuery EasyUI扩展:validatebox实现多重规则验证
- Jquery Validate 默认校验规则及常用的自定义验证规则
- jquery easy ui 学习 (6) basic validatebox
- 案例16-validate自定义校验规则校验用户名是否存在
- jQuery Validate 验证,校验规则写在控件中的具体例子
- 重写的easyui-validatebox 验证规则
- Easyui validatebox修改 以及自定义验证规则
- EasyUI easyui-textbox,easyui-validatebox的自定义校验