有没有办法像普通的jquery ajax一样自定义远程验证?
$('#banner').bootstrapValidator({
framework: 'bootstrap',
fields: {
bannerType: {
icon: false,
validators: {
notEmpty: {
message: 'Banner type is required'
}
}
},
bannerTitle: {
icon: false,
validators: {
notEmpty: {
message: 'Banner title is required'
}
}
},
bfromDate: {
verbose: true,
validators: {
notEmpty: {
message: 'From date is required'
},
date: {
format: 'MM/DD/YYYY',
message: 'The value is not a valid date'
},
remote: {
url: '/assets/cfc/exchange/exchangeintra.cfc?method=checkAvailabilityofDates',
type: 'POST',
dataType:'json',
data: function(validator, $field, value) {
return {
selectedDate: validator.getFieldElements('bfromDate').val(),
bannerId: validator.getFieldElements('bannerId').val(),
};
},
}
}
},
btoDate: {
verbose: true,
validators: {
notEmpty: {
message: 'To date is required'
},
date: {
format: 'MM/DD/YYYY',
message: 'The value is not a valid date'
},
remote: {
url: '/assets/cfc/exchange/exchangeintra.cfc?method=checkAvailabilityofDates',
type: 'POST',
dataType:'json',
data: function(validator, $field, value) {
return {
selectedDate: validator.getFieldElements('btoDate').val(),
bannerId: validator.getFieldElements('bannerId').val(),
};
},
}
}
},
authorImage: {
validators: {
notEmpty: {
message: 'Banner image is required'
},
file: {
extension: 'jpeg,jpg,png',
type: 'image/jpeg,image/png',
message: 'The selected file is not valid'
}
}
},
bannerLink: {
icon: false,
validators: {
notEmpty: {
message: 'Banner link is required'
}
}
}
}
});
当远程验证成功时,比其他任何事情都要成功,如果失败则比做其他事情。
我有以下链接:http://formvalidation.io/examples/using-data-returned-validator/
但这是工作,只有当我使用formvalidation但在这里我使用bootstrapValidator.so是否有任何方法像formvalidation一样做。
答案 0 :(得分:0)
字段验证完成后,它会调用onSuccess或onError回调。 以下是解决我的问题的示例代码:
bfromDate: {
verbose: true,
validators: {
notEmpty: {
message: 'From date is required'
},
date: {
format: 'MM/DD/YYYY',
message: 'The value is not a valid date'
},
remote: {
url: '/assets/cfc/exchange/exchangeintra.cfc?method=checkAvailabilityofDates',
type: 'POST',
dataType:'json',
data: function(validator, $field, value) {
return {
startDate:0,
selectedDate: validator.getFieldElements('bfromDate').val(),
bannerId: validator.getFieldElements('bannerId').val(),
endRangeFlag:0,
};
},
}
},
onSuccess: function(e, data) {
$( "#btoDate" ).prop( "disabled", false );
},
onError: function(e, data) {
$( "#btoDate" ).val('');
$( "#btoDate" ).prop( "disabled", true );
}
}