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