javascript - 在 form.submit() 时加载 gif

Question

我在按钮上有这个 JS class="submit":

$( ".submit" ).click(function( event ) {
                    
        if(some checks){
            ...
        }else{
            $("#importForm").submit(function(event){
                alert("Submitted");
            });
        }
    });

但是表单从未提交，警报也从未弹出。如果我删除:

function(event){
  alert("Submitted");
}

运行良好。有什么想法吗？

编辑:

实际上我想做的是在提交表单时显示加载 gif，就像我在另一个 View 中使用 load() 所做的那样:

$("body").load(url, function(){ 
  $('#LoadingGif').empty();
});      
$('#LoadingGif').empty().html('<img src="/assets/image/loader.gif" width=31 height=31 alt="Loading image" />'); 

Answer 1

这段代码:

$("#importForm").submit(function(event){
    alert("Submitted");
});

向元素添加一个事件监听器(大概是 <form> )，但不调用它。所以如果.submit不是表单中的按钮，您应该将其更改为:

$( ".submit" ).click(function( event ) {

    if(some checks){
        ...
    }else{
        $("#importForm").submit(function(event){ // add event listener
            alert("Submitted");
        }).submit(); // actually submit the form
    }
});

http://jsfiddle.net/2yz6a9L5/1/

编辑答案:您必须使用 AJAX 发送表单数据，因为以标准方式提交表单会发出新请求，因此当前页面会卸载，浏览器会等待服务器的响应，这意味着没有地方可以显示 gif。