2023年6月21日发(作者：)
bootstrap-validator⾃定义验证规则，修改验证事件为blur最近在研究bootstrap，感觉界⾯很漂亮，但是在做表单验证的时候所使⽤的是bootstrap-validator，这个插件什么都好，但是验证的是⽂本框的值改变的时候触发的，尤其ajax远程校验的时候很烦，所以想到修改源码。修改的部分如下：[javascript]
01.
02.
var el = Element('div');
this._changeEvent = (ieVersion === 9 || !('oninput' in el)) ? 'keyup' : 'input';
修改成下⾯这个样⼦：[javascript]
01.
02.
var el = Element('div');
this._changeEvent = (ieVersion === 9 || !('onblur' in el)) ? 'keyup' : 'blur';
另外，如果想拓展验证规则的话，在的后⾯添加如下：[javascript]
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
;(function($) {
//这⾥的notExsit是验证的名字
//default是默认信息
$.it = $.extend($.it || {}, {
'default': 'Please enter a valid VIN number'
});
//validate是验证的⽅法
$.it = {
validate: function(validator, $field, options) {
var value = $();
if (value === '') {
return true;
}
var validateFieldStr=$(options['validateField']).html();
alert(validateFieldStr);
if(validateFieldStr==undefined){
return true;
}
return false;
}
};
}());
2023年6月21日发(作者：)
bootstrap-validator⾃定义验证规则，修改验证事件为blur最近在研究bootstrap，感觉界⾯很漂亮，但是在做表单验证的时候所使⽤的是bootstrap-validator，这个插件什么都好，但是验证的是⽂本框的值改变的时候触发的，尤其ajax远程校验的时候很烦，所以想到修改源码。修改的部分如下：[javascript]
01.
02.
var el = Element('div');
this._changeEvent = (ieVersion === 9 || !('oninput' in el)) ? 'keyup' : 'input';
修改成下⾯这个样⼦：[javascript]
01.
02.
var el = Element('div');
this._changeEvent = (ieVersion === 9 || !('onblur' in el)) ? 'keyup' : 'blur';
另外，如果想拓展验证规则的话，在的后⾯添加如下：[javascript]
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
;(function($) {
//这⾥的notExsit是验证的名字
//default是默认信息
$.it = $.extend($.it || {}, {
'default': 'Please enter a valid VIN number'
});
//validate是验证的⽅法
$.it = {
validate: function(validator, $field, options) {
var value = $();
if (value === '') {
return true;
}
var validateFieldStr=$(options['validateField']).html();
alert(validateFieldStr);
if(validateFieldStr==undefined){
return true;
}
return false;
}
};
}());
发布评论