如何阻止瀏覽器在JavaScript中提交表單？

Question

當此代碼運行我的表單提交，而不是結束提交。

如何在計數爲0時停止提交？

function btnCheck_Click() { 
    var count = parseInt(61); 
    myCounter = setInterval(function() { 
    if (count > 0) 
    count--; 
    elem.html(count); 
    }, 1000); 
} 

Answer 1

你可以很容易地取消形式從提交處理程序中提交，所以像這樣的東西：

<form onsubmit="return validateClickCount()" /> 

現在，如果你有一個函數validateClickCount，提交動作將被取消當返回false。

function validateClickCount() { 
    return false; 
} 

有了這個地方，你只需要改變你的btnCheck_Click /區間回調以減少全局計數器，然後檢查在validateClickCount該計數器。

var count = 61; 
function btnCheck_Click() { 
    myCounter = setInterval(function() { 
    if (count > 0) 
     count--; 
     elem.html(count); 
    }, 1000); 
} 

function validateClickCount() { 
    return count > 0; 
} 

如果您正在尋找更多的信息，我建議在看這個問題的答案太：How do I cancel form submission in submit button onclick event?