Skip to content

修正页面多个不同表单同时使用不同 validation 扩展函数导致的全局覆盖问题 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

修正页面多个不同表单同时使用不同 validation 扩展函数导致的全局覆盖问题 #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 30 additions & 18 deletions src/bootstrap3-validation.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
* 5. 1.0.4 mrlong 2014-6-15 修改在textarea没有type时的错误,扩展valid（）方法。
* 6. 1.0.5 mrlong 2015-6-09 增加手机的校验方式，引用 surenkid 代码
* 7. 1.0.6 mrlong 2015-6-09 增加图标显示，增加重置时清空内容
* 8. 1.0.7 ushelp 2016-8-09 修正页面多个不同表单同时使用不同 validation 扩展函数导致的全局覆盖问题
*
* =========================================================
* bootstrap-validation.js
Expand Down Expand Up @@ -74,8 +75,9 @@
};

return this.each(function() {
globalOptions = $.extend({}, $.fn.validation.defaults, options); //这个全局的？
globalOptions.callback = callback;
var key=formMark(this);
globalOptions[key] = $.extend({}, $.fn.validation.defaults, options); //这个全局的？
globalOptions[key].callback = callback;
// Add novalidate tag if HTML5.
$(this).attr( "novalidate", "novalidate" );
fform_style = isformstyle(this);
Expand All @@ -84,6 +86,8 @@
};

$.fn.valid=function(object,options,cb){
var formObj=this;

if (formState) { // 重复提交则返回
return false;
};
Expand Down Expand Up @@ -121,7 +125,7 @@
//check-type="required chinese" //支持多个，以空格隔开。
valid = (el.attr('check-type')==undefined)?null:el.attr('check-type').split(' ');
if (!controlGroup.hasClass('has-success') && valid != null && valid.length > 0) {
if (!validateField(this, valid)) {
if (!validateField(this, valid,formObj)) {
if (wFocus == false) {
scrollTo(0, el[0].offsetTop - 50);
wFocus = true;
Expand Down Expand Up @@ -161,7 +165,7 @@
//end

if(mycb){mycb(validationError);}

return !validationError;
}

Expand Down Expand Up @@ -200,9 +204,15 @@
return 0;
};
};

function formMark(formObj){
var f=$("<div></div>").append($(formObj).clone().removeAttr("novalidate"));
var fmark=$("<div></div>").append($(f.html()).empty()).html();
return fmark;
}

//验证字段
var validateField = function(field, valid) {
var validateField = function(field, valid, formObj) {
var el = $(field), error = false, errorMsg = '';
var minlength=(el.attr('minlength')?el.attr('minlength'):null);
var range=(el.attr('range')?el.attr('range'):null); //
Expand All @@ -216,8 +226,8 @@
x = false;
flag = flag.substr(1, flag.length - 1);
}

var rules = globalOptions.validRules;
var key=formMark(formObj);
var rules = globalOptions[key].validRules;
for (j = 0; j < rules.length; j++) {
var rule = rules[j];
if (flag == rule.name) {
Expand Down Expand Up @@ -274,14 +284,14 @@
};

//外部验证回调方法
if (!error && globalOptions.callback){
if (!error && globalOptions[key].callback){
var params={
msg:'',
err:error
};
var b = $.ajaxSettings.async;
$.ajaxSetup({async : false});
globalOptions.callback(field,params);
globalOptions[key].callback(field,params);
error = params.err;
if (error && (msg==null || errorMsg=='')){
errorMsg = params.msg;
Expand All @@ -298,7 +308,7 @@

controlGroup.addClass(error==false?'has-success':'has-error');
//在后面增加图标
if(globalOptions.icon===true ){
if(globalOptions[key].icon===true ){
controlGroup.find('.form-control-feedback').remove();
controlGroup.addClass('has-feedback'); //增加后面图示
};
Expand All @@ -310,7 +320,7 @@
if(fstyle == 0){
controlGroup.find("#valierr").remove();
el.after('<span class="help-block" id="valierr">' + errorMsg +'</span>');
if (globalOptions.icon===true ){
if (globalOptions[key].icon===true ){
if (el.find('option').length==0){
el.after('<span class="glyphicon '+ iconname +' form-control-feedback" aria-hidden="true"></span>');
}
Expand All @@ -321,7 +331,7 @@
}
}
else if(fstyle == 1){
if (globalOptions.icon===true ){
if (globalOptions[key].icon===true ){
if (el.find('option').length==0){
el.after('<span class="glyphicon ' + iconname + ' form-control-feedback" aria-hidden="true"></span>');
}
Expand All @@ -333,7 +343,7 @@
else if (fstyle == 2){
controlGroup.find("#valierr").remove();
el.parent().after('<span class="help-block" id="valierr">' + errorMsg +'</span>');
if (globalOptions.icon===true ){
if (globalOptions[key].icon===true ){
if (el.find('option').length==0){
el.after('<span class="glyphicon '+ iconname +' form-control-feedback" aria-hidden="true"></span>');
}
Expand All @@ -355,7 +365,7 @@
el.on('blur',function(){ // 失去焦点时
valid = (el.attr('check-type')==undefined)?null:el.attr('check-type').split(' ');
if (valid){
validateField(this, valid);
validateField(this, valid, obj);
}
});
});
Expand All @@ -366,13 +376,15 @@
el.on('change',function(){ //
valid = (el.attr('check-type')==undefined)?null:el.attr('check-type').split(' ');
if (valid){
validateField(this, valid);
validateField(this, valid, obj);
}
});
});

//3.设置必填的标志*号
if (globalOptions.reqmark==true){
var key=formMark(obj);

if (globalOptions[key].reqmark==true){
if(fform_style==0){
$(obj).find(".form-group>label").each(function(){
var el=$(this);
Expand Down Expand Up @@ -413,4 +425,4 @@
//end 4

};
}(window.jQuery);
}(window.jQuery);