ajax的重复提交问题,和bootstrapValidator校验冲突问题解决办法

前端之家收集整理的这篇文章主要介绍了ajax的重复提交问题,和bootstrapValidator校验冲突问题解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.提交表单的时候用按钮类型submit的时候,提交ajax会导致重复提交,解决办法是把按钮类型改为button。

2.将提交按钮类型改为button后,bootstrapValidator校验失效,提交前验证无响应,解决办法是在提交前触发校验

var form = $('#defaultForm');


$(document).ready(function () {


form.bootstrapValidator({
message: 'This value is not valid',
container: 'tooltip',
FeedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},

..........................

提交表单前

//进行表单验证
var bmz= form.data('bootstrapValidator');
bmz.validate();
if (bmz.isValid()) {
$.ajax({
cache: false,
type: "POST",
url: "Edit",
data: $('#defaultForm').serialize(),

.........................................

}

原文链接:https://www.f2er.com/ajax/160914.html

猜你在找的Ajax相关文章