防止双重提交表单

Question

我有一个表单的提交事件处理程序和一个bootstrapValidator对象。如果我将其中的两个都取消注释，表单将提交两次（单击提交按钮时）。有谁知道，我怎么能阻止双重提交？

Bootstrap验证器：

$('#ins3').bootstrapValidator({
    container: '#messages3',
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        manufacturername: {
            validators: {
                notEmpty: {
                    message: 'Please enter a new brandname'
                }

            }
        }
    }
});

提交表单的事件处理程序：

// Product
$("#ins3").submit(function(event) {
    //alert('test');
    var ajaxRequest;

    // Stop form from submitting normally 
    event.preventDefault();

    // Clear result div
    $("#brandResultDiv").html('');

    // Get from elements values 
    var values = $(this).serialize();

       ajaxRequest= $.ajax({
            url: "Subpages/addBrandname_script.php",
            type: "post",
            data: values
        });

      //  request cab be abort by ajaxRequest.abort() 

     ajaxRequest.done(function (response, textStatus, jqXHR){
          // POST Completed Successfully
          $("#brandResultDiv").html(response);
          $("#brandResultDiv").show().delay(2000).fadeOut();
     });

     // On failure of request this function will be called  
     ajaxRequest.fail(function (){

       // show error
       $("#brandFailDiv").html('An error occurred while submitting the request.');
     });

});

我找到了this回答，它显示了bootstrapValidator对象中的提交处理程序。我想知道是否还有另一种方式，因为我有很多以上述方式编写的表格，这意味着，我将不得不重写其中的每一种。