JavaScript表单 - Ajax提交两次

时间:2014-11-29 17:07:15

标签: javascript ajax forms submit

我在测试主机页面(http://www.000webhost.com/)上运行了这个JavaScript,然后我将表单/站点移动到另一个托管页面(https://www.one.com/)。突然,表格被发布两次!我一直在尝试将以下行e.stopPropagation();添加到代码中,就在e.preventDefault();之后,然后发布注释。如果我只使用e.stopPropagation(); - 也没有发布任何内容。

$(document).ready(function() {

  $('form').on('success.form.bv', function(e) {
        var thisForm = $(this);
        //Prevent the default form action
        e.preventDefault();

        //Hide the form
        $(this).fadeOut(function() {
          //Display the "loading" message
          $(".loading").fadeIn(function() {
            //Post the form to the send script
            $.ajax({
              type: 'POST',
              url: thisForm.attr("action"),
              data: thisForm.serialize(),
              //Wait for a successful response
              success: function(data) {
                //Hide the "loading" message
                $(".loading").fadeOut(function() {
                  //Display the "success" message
                  $(".success").text(data).fadeIn();
                });
              }
            });
          });
        });
      });
  });

我正在使用'success.form.bv',因为我使用bootstrapvalidator来验证表单。我无法将bootstrapvalidator上的"Form is submitted twice"示例代码与我的代码结合使用,以便只提交一次表单。

如果只提交一次表格,我该怎么做?

0 个答案:

没有答案