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; 
    });