1. 程式人生 > >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(),

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

}