easyui自定义表单验证规则
2018-01-25 09:51
651 查看
(function($) {
/**
* 新增 validatebox 校验规则
*
*/
/**
* 扩展easyui的validator插件rules,支持更多类型验证
*/
$.extend($.fn.validatebox.defaults.rules, {
equaldDate: { //日期
validator: function (value, param) {
var start = $(param[0]).datetimebox('getValue');
return value > start;
},
message: '预计还款日期应大于申请日期!'
},
minLength : { // 判断最小长度
validator : function(value, param) {
return value.length >= param[0];
},
message : '最少输入 {0} 个字符'
},
length : { // 长度
validator : function(value, param) {
var len = $.trim(value).length;
return len >= param[0] && len <= param[1];
},
message : "输入内容长度必须介于{0}和{1}之间"
},
phone : {// 验证电话号码
validator : function(value) {
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message : '格式不正确,请使用下面格式:020-88888888'
},
mailbox : {// 验证邮箱
validator : function(value) {
return /^[0-9a-zA-Z]+@(([0-9a-zA-Z]+)[.])+[a-z]{2,4}$/i.test(value);
},
message : '格式不正确,请使用下面格式:abcxyz@baidu.com'
},
mobile : {// 验证手机号码
validator : function(value) {
return /^(13|15|18)\d{9}$/i.test(value);
},
message : '手机号码格式不正确'
},
phoneAndMobile : {// 电话号码或手机号码
validator : function(value) {
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value) || /^(13|15|18)\d{9}$/i.test(value);
},
message : '电话号码或手机号码格式不正确'
},
idcard : {// 验证身份证
validator : function(value) {
return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value) || /^\d{18}(\d{2}[A-Za-z0-9])?$/i.test(value);
},
message : '身份证号码格式不正确'
},
intOrFloat : {// 验证整数或小数
validator : function(value) {
return /^([0-9][0-9]*)+(.[0-9]{1,2})?$/i.test(value);
},
message : '格式错误,例:99.99'
},
currency : {// 验证货币
validator : function(value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message : '货币格式不正确'
},
qq : {// 验证QQ,从10000开始
validator : function(value) {
return /^[1-9]\d{4,9}$/i.test(value);
},
message : 'QQ号码格式不正确'
},
integer : {// 验证整数
validator : function(value) {
return /^[+]?\d{1,10}$/i.test(value);
},
message : '请输入10位以内的整数'
},
chinese : {// 验证中文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value);
},
message : '请输入中文'
},
chineseAndLength : {// 验证中文及长度
validator : function(value, param) {
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[\u0391-\uFFE5]+$/i.test(value);
}
},
message : '请输入中文'
},
english : {// 验证英语
validator : function(value) {
return /^[A-Za-z]+$/i.test(value);
},
message : '请输入英文'
},
englishAndSpace : {// 验证英语
validator : function(value) {
return /^[A-Za-z\s]+$/i.test(value);
},
message : '请输入英文'
},
englishAndLength : {// 验证英语及长度
validator : function(value, param) {
1378f
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[A-Za-z]+$/i.test(value);
}
},
message : '请输入英文'
},
englishUpperCase : {// 验证英语大写
validator : function(value) {
return /^[A-Z]+$/.test(value);
},
message : '请输入大写英文'
},
unnormal : {// 验证是否包含空格和非法字符
validator : function(value) {
return /.+/i.test(value);
},
message : '输入值不能为空和包含其他非法字符'
},
username : {// 验证用户名
validator : function(value) {
return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
},
message : '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
},
faxno : {// 验证传真
validator : function(value) {
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message : '传真号码不正确'
},
zip : {// 验证邮政编码
validator : function(value) {
return /^[1-9]\d{5}$/i.test(value);
},
message : '邮政编码格式不正确'
},
ip : {// 验证IP地址
validator : function(value) {
return /d+.d+.d+.d+/i.test(value);
},
message : 'IP地址格式不正确'
},
name : {// 验证姓名,可以是中文或英文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
},
message : '请输入姓名'
},
engOrChinese : {// 可以是中文或英文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
},
message : '请输入中文'
},
engOrChineseAndLength : {// 可以是中文或英文
validator : function(value, param) {
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
}
},
message : '请输入中文或英文'
},
carNo : {
validator : function(value) {
return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);
},
message : '车牌号码无效(例:粤B12350)'
},
carenergin : {
validator : function(value) {
return /^[a-zA-Z0-9]{16}$/.test(value);
},
message : '发动机型号无效(例:FG6H012345654584)'
},
same : {
validator : function(value, param) {
if ($("#" + param[0]).val() != "" && value != "") {
return $("#" + param[0]).val() == value;
} else {
return true;
}
},
message : '两次输入的密码不一致!'
} ,
integerFlag : {// 验证整数
validator : function(value,param) {
if(!isNaN(value)){
if(Number(value)>-1 && value.length>=param[0] && value.length <= param[1]){
return /^([0-9])+$/.test(value);
}else{
return false;
}
}else{
return false;
}
},
message : '请输入{0}到{1}位的正整数'
},requireRadio: { //验证radio
validator: function(value, param){
var input = $(param[0]);
input.off('.requireRadio').on('click.requireRadio',function(){
$(this).focus();
});
return $(param[0] + ':checked').val() != undefined;
},
message: '{1}请选择其中一个'
},between: { //验证radio
validator : function(value, param) {
return value-0 >= param[0]-0 && value-0 <= param[1]-0;
},
message : "输入数字大小必须介于{0}和{1}之间"
},integerx : {// 验证整数
validator : function(value,param) {
return /^\d{8,8}$/i.test(value);
},
message : '请输入{0}位整数'
} ,integery : {// 验证整数
validator : function(value,param) {
return /^\d{10,10}$/i.test(value);
},
message : '请输入{0}位整数'
},floatss: {// 验证整数或小数(借款申请)
validator : function(value) {
return /^\d{0,9}|^\d{0,9}\.\d{2,2}$/i.test(value);
},
message : '格式错误,例:99.99'
} ,
floatLength:{
validator:function(value, param){
value = $.trim(value);
if(!isNaN(value)){
var val = value.split('.');
if(val.length>1 && val.length==2){
if(parseInt(val[0])>=0 && val[1] != '' && val[0].length < 10 && val[1].length < 3){
var pattern1 = new RegExp( "^\d{0,"+param[0]+ "}|^\d{0,"+param[0]+"}\.\d{"+param[1]+","+param[1]+"}$/i").test(value);
return pattern1;
}else{
return false;
}
}else{
if(value.length > param[0]){
return false;
}else{
return true;
}
}
}else{
return false;
}
},
message:'请输入整数位数不大于{0},小数位数不大于{1}的数字'
},
bankNo: {
validator: function(value){
var len = $.trim(value).length;
if(len != 19){
return false;
}else{
var reg = /^\d{1,19}$/g; // 以19位数字开头,以19位数字结尾
if(reg.test(value))
{
return true;
}else{
return false;
}
}
},
message: '请输入1-19位的银行卡号'
},
bankNoI: {
validator: function(value, param){
var len = $.trim(value).length;
if(len>= param[0] && len<=param[1]){
var reg = /^([0-9])+$/; // 以19位数字开头,以19位数字结尾
if(reg.test(value))
{
return true;
}else{
return false;
}
}else{
return false;
}
},
message: '请输入{0}-{1}位的银行卡号'
},
engOrNum:{
validator:function(value, param){
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[a-zA-Z\d]+$/.test(value);
}else{
return false;
}
},
message:'请输入英文、数字或英文数字组合'
},
fileSize : {
validator : function(value, array) {
var size = array[0];
var unit = array[1];
if (!size || isNaN(size) || size == 0) {
$.error('验证文件大小的值不能为 "' + size + '"');
} else if (!unit) {
$.error('请指定验证文件大小的单位');
}
var index = -1;
var unitArr = new Array("bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb");
for (var i = 0; i < unitArr.length; i++) {
if (unitArr[i] == unit.toLowerCase()) {
index = i;
break;
}
}
if (index == -1) {
$.error('请指定正确的验证文件大小的单位:["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"]');
}
// 转换为bytes公式
var formula = 1;
while (index > 0) {
formula = formula * 1024;
index--;
}
// this为页面上能看到文件名称的文本框,而非真实的file
var totalSize = 0;
var filell = $(this).next();
var zSize = value.split(",").length;
for(var i=0;i<zSize;i++){
var FileOne = filell.get(0);
if(FileOne&&FileOne.files){
var Fileitem = FileOne.files[i];
if(Fileitem){
totalSize += Fileitem.size;
}
}
}
return totalSize < parseFloat(size) * formula;
},
message : '文件大小必须小于 {0}{1}'
}
});
/**
* 扩展easyui validatebox的两个方法.移除验证和还原验证
*/
$.extend($.fn.validatebox.methods, {
remove : function(jq, newposition) {
return jq.each(function() {
$(this).removeClass("validatebox-text validatebox-invalid").unbind('focus.validatebox').unbind('blur.validatebox');
// remove tip
// $(this).validatebox('hideTip', this);
});
},
reduce : function(jq, newposition) {
return jq.each(function() {
var opt = $(this).data().validatebox.options;
$(this).addClass("validatebox-text").validatebox(opt);
// $(this).validatebox('validateTip', this);
});
},
validateTip : function(jq) {
jq = jq[0];
var opts = $.data(jq, "validatebox").options;
var tip = $.data(jq, "validatebox").tip;
var box = $(jq);
var value = box.val();
function setTipMessage(msg) {
$.data(jq, "validatebox").message = msg;
};
var disabled = box.attr("disabled");
if (disabled == true || disabled == "true") {
return true;
}
if (opts.required) {
if (value == "") {
box.addClass("validatebox-invalid");
setTipMessage(opts.missingMessage);
$(jq).validatebox('showTip', jq);
return false;
}
}
if (opts.validType) {
var result = /([a-zA-Z_]+)(.*)/.exec(opts.validType);
var rule = opts.rules[result[1]];
if (value && rule) {
var param = eval(result[2]);
if (!rule["validator"](value, param)) {
box.addClass("validatebox-invalid");
var message = rule["message"];
if (param) {
for (var i = 0; i < param.length; i++) {
message = message.replace(new RegExp("\\{" + i + "\\}", "g"), param[i]);
}
}
setTipMessage(opts.invalidMessage || message);
$(jq).validatebox('showTip', jq);
return false;
}
}
}
box.removeClass("validatebox-invalid");
$(jq).validatebox('hideTip', jq);
return true;
},
showTip : function(jq) {
jq = jq[0];
var box = $(jq);
var msg = $.data(jq, "validatebox").message
var tip = $.data(jq, "validatebox").tip;
if (!tip) {
tip = $("<div class=\"validatebox-tip\">" + "<span class=\"validatebox-tip-content\">" + "</span>" + "<span class=\"validatebox-tip-pointer\">" + "</span>" + "</div>").appendTo("body");
$.data(jq, "validatebox").tip = tip;
}
tip.find(".validatebox-tip-content").html(msg);
tip.css({
display : "block",
left : box.offset().left + box.outerWidth(),
top : box.offset().top
});
},
hideTip : function(jq) {
jq = jq[0];
var tip = $.data(jq, "validatebox").tip;
if (tip) {
tip.remove;
$.data(jq, "validatebox").tip = null;
}
}
});
})(jQuery);
/**
* 新增 validatebox 校验规则
*
*/
/**
* 扩展easyui的validator插件rules,支持更多类型验证
*/
$.extend($.fn.validatebox.defaults.rules, {
equaldDate: { //日期
validator: function (value, param) {
var start = $(param[0]).datetimebox('getValue');
return value > start;
},
message: '预计还款日期应大于申请日期!'
},
minLength : { // 判断最小长度
validator : function(value, param) {
return value.length >= param[0];
},
message : '最少输入 {0} 个字符'
},
length : { // 长度
validator : function(value, param) {
var len = $.trim(value).length;
return len >= param[0] && len <= param[1];
},
message : "输入内容长度必须介于{0}和{1}之间"
},
phone : {// 验证电话号码
validator : function(value) {
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message : '格式不正确,请使用下面格式:020-88888888'
},
mailbox : {// 验证邮箱
validator : function(value) {
return /^[0-9a-zA-Z]+@(([0-9a-zA-Z]+)[.])+[a-z]{2,4}$/i.test(value);
},
message : '格式不正确,请使用下面格式:abcxyz@baidu.com'
},
mobile : {// 验证手机号码
validator : function(value) {
return /^(13|15|18)\d{9}$/i.test(value);
},
message : '手机号码格式不正确'
},
phoneAndMobile : {// 电话号码或手机号码
validator : function(value) {
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value) || /^(13|15|18)\d{9}$/i.test(value);
},
message : '电话号码或手机号码格式不正确'
},
idcard : {// 验证身份证
validator : function(value) {
return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value) || /^\d{18}(\d{2}[A-Za-z0-9])?$/i.test(value);
},
message : '身份证号码格式不正确'
},
intOrFloat : {// 验证整数或小数
validator : function(value) {
return /^([0-9][0-9]*)+(.[0-9]{1,2})?$/i.test(value);
},
message : '格式错误,例:99.99'
},
currency : {// 验证货币
validator : function(value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message : '货币格式不正确'
},
qq : {// 验证QQ,从10000开始
validator : function(value) {
return /^[1-9]\d{4,9}$/i.test(value);
},
message : 'QQ号码格式不正确'
},
integer : {// 验证整数
validator : function(value) {
return /^[+]?\d{1,10}$/i.test(value);
},
message : '请输入10位以内的整数'
},
chinese : {// 验证中文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value);
},
message : '请输入中文'
},
chineseAndLength : {// 验证中文及长度
validator : function(value, param) {
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[\u0391-\uFFE5]+$/i.test(value);
}
},
message : '请输入中文'
},
english : {// 验证英语
validator : function(value) {
return /^[A-Za-z]+$/i.test(value);
},
message : '请输入英文'
},
englishAndSpace : {// 验证英语
validator : function(value) {
return /^[A-Za-z\s]+$/i.test(value);
},
message : '请输入英文'
},
englishAndLength : {// 验证英语及长度
validator : function(value, param) {
1378f
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[A-Za-z]+$/i.test(value);
}
},
message : '请输入英文'
},
englishUpperCase : {// 验证英语大写
validator : function(value) {
return /^[A-Z]+$/.test(value);
},
message : '请输入大写英文'
},
unnormal : {// 验证是否包含空格和非法字符
validator : function(value) {
return /.+/i.test(value);
},
message : '输入值不能为空和包含其他非法字符'
},
username : {// 验证用户名
validator : function(value) {
return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
},
message : '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
},
faxno : {// 验证传真
validator : function(value) {
return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message : '传真号码不正确'
},
zip : {// 验证邮政编码
validator : function(value) {
return /^[1-9]\d{5}$/i.test(value);
},
message : '邮政编码格式不正确'
},
ip : {// 验证IP地址
validator : function(value) {
return /d+.d+.d+.d+/i.test(value);
},
message : 'IP地址格式不正确'
},
name : {// 验证姓名,可以是中文或英文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
},
message : '请输入姓名'
},
engOrChinese : {// 可以是中文或英文
validator : function(value) {
return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
},
message : '请输入中文'
},
engOrChineseAndLength : {// 可以是中文或英文
validator : function(value, param) {
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
}
},
message : '请输入中文或英文'
},
carNo : {
validator : function(value) {
return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);
},
message : '车牌号码无效(例:粤B12350)'
},
carenergin : {
validator : function(value) {
return /^[a-zA-Z0-9]{16}$/.test(value);
},
message : '发动机型号无效(例:FG6H012345654584)'
},
same : {
validator : function(value, param) {
if ($("#" + param[0]).val() != "" && value != "") {
return $("#" + param[0]).val() == value;
} else {
return true;
}
},
message : '两次输入的密码不一致!'
} ,
integerFlag : {// 验证整数
validator : function(value,param) {
if(!isNaN(value)){
if(Number(value)>-1 && value.length>=param[0] && value.length <= param[1]){
return /^([0-9])+$/.test(value);
}else{
return false;
}
}else{
return false;
}
},
message : '请输入{0}到{1}位的正整数'
},requireRadio: { //验证radio
validator: function(value, param){
var input = $(param[0]);
input.off('.requireRadio').on('click.requireRadio',function(){
$(this).focus();
});
return $(param[0] + ':checked').val() != undefined;
},
message: '{1}请选择其中一个'
},between: { //验证radio
validator : function(value, param) {
return value-0 >= param[0]-0 && value-0 <= param[1]-0;
},
message : "输入数字大小必须介于{0}和{1}之间"
},integerx : {// 验证整数
validator : function(value,param) {
return /^\d{8,8}$/i.test(value);
},
message : '请输入{0}位整数'
} ,integery : {// 验证整数
validator : function(value,param) {
return /^\d{10,10}$/i.test(value);
},
message : '请输入{0}位整数'
},floatss: {// 验证整数或小数(借款申请)
validator : function(value) {
return /^\d{0,9}|^\d{0,9}\.\d{2,2}$/i.test(value);
},
message : '格式错误,例:99.99'
} ,
floatLength:{
validator:function(value, param){
value = $.trim(value);
if(!isNaN(value)){
var val = value.split('.');
if(val.length>1 && val.length==2){
if(parseInt(val[0])>=0 && val[1] != '' && val[0].length < 10 && val[1].length < 3){
var pattern1 = new RegExp( "^\d{0,"+param[0]+ "}|^\d{0,"+param[0]+"}\.\d{"+param[1]+","+param[1]+"}$/i").test(value);
return pattern1;
}else{
return false;
}
}else{
if(value.length > param[0]){
return false;
}else{
return true;
}
}
}else{
return false;
}
},
message:'请输入整数位数不大于{0},小数位数不大于{1}的数字'
},
bankNo: {
validator: function(value){
var len = $.trim(value).length;
if(len != 19){
return false;
}else{
var reg = /^\d{1,19}$/g; // 以19位数字开头,以19位数字结尾
if(reg.test(value))
{
return true;
}else{
return false;
}
}
},
message: '请输入1-19位的银行卡号'
},
bankNoI: {
validator: function(value, param){
var len = $.trim(value).length;
if(len>= param[0] && len<=param[1]){
var reg = /^([0-9])+$/; // 以19位数字开头,以19位数字结尾
if(reg.test(value))
{
return true;
}else{
return false;
}
}else{
return false;
}
},
message: '请输入{0}-{1}位的银行卡号'
},
engOrNum:{
validator:function(value, param){
var len = $.trim(value).length;
if (len >= param[0] && len <= param[1]) {
return /^[a-zA-Z\d]+$/.test(value);
}else{
return false;
}
},
message:'请输入英文、数字或英文数字组合'
},
fileSize : {
validator : function(value, array) {
var size = array[0];
var unit = array[1];
if (!size || isNaN(size) || size == 0) {
$.error('验证文件大小的值不能为 "' + size + '"');
} else if (!unit) {
$.error('请指定验证文件大小的单位');
}
var index = -1;
var unitArr = new Array("bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb");
for (var i = 0; i < unitArr.length; i++) {
if (unitArr[i] == unit.toLowerCase()) {
index = i;
break;
}
}
if (index == -1) {
$.error('请指定正确的验证文件大小的单位:["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"]');
}
// 转换为bytes公式
var formula = 1;
while (index > 0) {
formula = formula * 1024;
index--;
}
// this为页面上能看到文件名称的文本框,而非真实的file
var totalSize = 0;
var filell = $(this).next();
var zSize = value.split(",").length;
for(var i=0;i<zSize;i++){
var FileOne = filell.get(0);
if(FileOne&&FileOne.files){
var Fileitem = FileOne.files[i];
if(Fileitem){
totalSize += Fileitem.size;
}
}
}
return totalSize < parseFloat(size) * formula;
},
message : '文件大小必须小于 {0}{1}'
}
});
/**
* 扩展easyui validatebox的两个方法.移除验证和还原验证
*/
$.extend($.fn.validatebox.methods, {
remove : function(jq, newposition) {
return jq.each(function() {
$(this).removeClass("validatebox-text validatebox-invalid").unbind('focus.validatebox').unbind('blur.validatebox');
// remove tip
// $(this).validatebox('hideTip', this);
});
},
reduce : function(jq, newposition) {
return jq.each(function() {
var opt = $(this).data().validatebox.options;
$(this).addClass("validatebox-text").validatebox(opt);
// $(this).validatebox('validateTip', this);
});
},
validateTip : function(jq) {
jq = jq[0];
var opts = $.data(jq, "validatebox").options;
var tip = $.data(jq, "validatebox").tip;
var box = $(jq);
var value = box.val();
function setTipMessage(msg) {
$.data(jq, "validatebox").message = msg;
};
var disabled = box.attr("disabled");
if (disabled == true || disabled == "true") {
return true;
}
if (opts.required) {
if (value == "") {
box.addClass("validatebox-invalid");
setTipMessage(opts.missingMessage);
$(jq).validatebox('showTip', jq);
return false;
}
}
if (opts.validType) {
var result = /([a-zA-Z_]+)(.*)/.exec(opts.validType);
var rule = opts.rules[result[1]];
if (value && rule) {
var param = eval(result[2]);
if (!rule["validator"](value, param)) {
box.addClass("validatebox-invalid");
var message = rule["message"];
if (param) {
for (var i = 0; i < param.length; i++) {
message = message.replace(new RegExp("\\{" + i + "\\}", "g"), param[i]);
}
}
setTipMessage(opts.invalidMessage || message);
$(jq).validatebox('showTip', jq);
return false;
}
}
}
box.removeClass("validatebox-invalid");
$(jq).validatebox('hideTip', jq);
return true;
},
showTip : function(jq) {
jq = jq[0];
var box = $(jq);
var msg = $.data(jq, "validatebox").message
var tip = $.data(jq, "validatebox").tip;
if (!tip) {
tip = $("<div class=\"validatebox-tip\">" + "<span class=\"validatebox-tip-content\">" + "</span>" + "<span class=\"validatebox-tip-pointer\">" + "</span>" + "</div>").appendTo("body");
$.data(jq, "validatebox").tip = tip;
}
tip.find(".validatebox-tip-content").html(msg);
tip.css({
display : "block",
left : box.offset().left + box.outerWidth(),
top : box.offset().top
});
},
hideTip : function(jq) {
jq = jq[0];
var tip = $.data(jq, "validatebox").tip;
if (tip) {
tip.remove;
$.data(jq, "validatebox").tip = null;
}
}
});
})(jQuery);
相关文章推荐
- atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证
- atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证
- EasyUI表单验证,自定义插件验证,自定义js插件验证,远程验证,常见手机号,中英文,qq等验证规则验证
- easyui form表单提交自定义验证数据是否已存在
- easyui的validatebox重写自定义验证规则的几个实例
- EasyUI 扩展自定义EasyUI校验规则 验证规则(常用的)
- easyui 自定义表单内容验证(汉字、字母、数字、邮箱、电话、邮编、身份证号等)
- DWZ表单自定义验证规则
- easyui 自定义表单内容验证(汉字、字母、数字、邮箱、电话、邮编、身份证号等)
- EasyUI 扩展自定义EasyUI校验规则 验证规则(常用的)
- EasyUI的自定义验证规则,验证日期的有效性
- 如何使用thinkphp5的表单验证器以及自定义验证规则?
- easyui添加自定义验证规则
- Form表单提交、自定义验证规则(validate插件)
- 使用Django的ModelForm对表单进行自动验证(可自定义验证规则)
- atittit.表单验证性质的原则和实施,以及选择和定义自己的兼容easyui dsl窗体身份验证规则
- 实例解析jQuery插件EasyUI最常用的表单验证规则
- 使用jquery.validate.min.js插件进行表单验证并自定义校验规则
- easyui validatebox 验证集合,自定义easyui验证规则
- easyui-form添加自定义表单验证