jquery .submit return false not always working

Question

我之前问过一个related question，但我现在需要回答的问题现在似乎已经出现了一些特定的切线，所以我认为最好能提出一个新问题。

我试图阻止表单提交，直到页面上的所有ajax调用都成功返回。

我对此有一个简单的测试（开始调用时加1到计数器，成功时减1）。

我相信我应该能够做到：

// can we submit yet? 
    $('#checkoutform').submit(function() { 
    if (ajaxcallcounter == 0) { 
     return true; 
    } 
    return false; 
    }); 

防止表单提交，直到计数器达到零（所有呼叫都完成），但由于某种原因，这似乎并没有100％有效。

我不知道这是一个红色的鲱鱼，但所有从谁管理，以检查出前调用已经完成了使用Mac的Safari客户的报告（这可能仅仅是虽然是巧合）

您可以看到代码正在执行here - 尝试更改发货国家以启动一些ajax呼叫。当计数器> 0时，应该禁用右下角的提交按钮。

Answer 1

定义var ajaxcallcounter = 0;在你的功能之外。将它放在JavaScript文件的顶部以使其成为global variable。

通常，您可以通过停止传播来确保您完全控制事件。每个事件处理程序都有一个隐式参数，通常定义为“e”或“event”，您可以调用preventDefault（），如下所示：

$('#checkoutform').submit(function(e) { 
    e.preventDefault(); 
    if (ajaxcallcounter == 0) { 
     return true; 
    } 
    return false; 
    });