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

来源:互联网 发布:多序列比对算法 编辑:程序博客网 时间:2024/06/03 14:46

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(),

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

}

原创粉丝点击