Javascript-收到警告消息后停止繼續

Question

在我的Web應用程序的登錄頁面中，我有一個復選框。 輸入用戶名/密碼后，如果用戶未選中復選框（T＆C），則不應將其帶到主頁，並且將顯示警告錯誤消息。

我嘗試了以下代碼。 但這是行不通的。 即，顯示警報消息。 但是用戶被帶到下一頁（主頁）。 我嘗試返回假，但沒有運氣。

誰能說出解決辦法？

function doSubmit() {
    var checkbox = document.getElementById("terms");
    if (!checkbox.checked) {
        alert("error message here!");
        return;
    }
    document.getElementById("f").submit();
}​  

我正在從中致電doSubmit

<input id="proceed" onclick="doSubmit()" type="submit" value="${fn:escapeXml(submit_label)}" />

Answer 1

而不是在輸入中使用onclick ，請嘗試在form標記中使用以下內容：

onsubmit="return doSubmit()"

js的功能如下：

function doSubmit() {
    var checkbox = document.getElementById("terms");
    if (!checkbox.checked) {
        alert("error message here!");
        return false;
    } 
}

Answer 2

嘗試將輸入類型更改為button而不是Submit ，將Submit操作委托給JS函數：

<input id="proceed" onclick="doSubmit()" type="button" value="${fn:escapeXml(submit_label)}" />

Answer 3

在提交表單之前，您應檢查checkbox的狀態，如果未選中，則阻止提交。 在jQuery中，以下代碼可以解決問題。

$(form).submit(function(e){
    if($(this).find("#terms").is('checked')){
        e.preventDefault();
        alert('error messge goes here');
    }
}