jQuery提交刷新页面，而不是提交

Question

我编写了以下脚本来延迟提交表单：

$(document).ready(function () {
    $('#form-submit').on('click', function (event) {
        event.preventDefault();
        //  event.stopPropagation();
        $('#big-dots-loader').css({
            'display': 'block'
        });
        $('#wait-please').show();
        $('#cities-holder').empty();
        setTimeout(function () {
            $("#new-item-form").submit();
        }, 3000);
        //$('#form-submit').trigger('click');
    });
});

现在，当我单击按钮时，会出现延迟，但表单不会提交到指定的URL，页面会刷新。

可能的原因是什么？

这也是表单的开始标记：

<form id="new-item-form" 
    action="<?php echo base_url("process/ads/new"); ?>"
    method="POST" enctype='multipart/form-data'>

Answer 1

试试这个：-

$(window).load(function () {
     var submit = false;


     $('#form-submit').on('click', function (event) {
     $('#big-dots-loader').css(
        'display': 'block'
    );
    $('#wait-please').show();
    $('#cities-holder').empty();
          setTimeout(function(){
              $("#new-item-form").submit();   
          }, 3000);
          if(!submit)
              event.preventDefault();
     });
};

Answer 2

如果您不确定调用了什么或提交了什么，请查看请求数据。

在Firefox浏览器上，您可以使用Firebug插件并查看Network选项卡，以查看表单是否已提交，以及哪些参数为POSTed。

同样，在Chrome浏览器上，你可以使用内置的开发工具(F12)来查看网络请求(你应该勾选“导航时保留日志”，这样网络日志就不会丢失)。

另外，在浏览器控制台窗口中检查js是否没有报告任何错误。js中的错误会停止js的执行，并且通常会导致棘手的行为。

Answer 3

请尝试以下代码，这将会起作用

$(document).ready(function(){
    $('#form-submit').submit(function(event){
         event.preventDefault();    
         $('#big-dots-loader').css({'display':'block'});
         $('#wait-please').show();
         $('#cities-holder').empty();
         setTimeout(function(){$("#new-item-form").submit();}, 3000);                    

         return false;
     });         
});

#form-submit应为<form>标签的id