javascript - 简单形式的条款和协议(protocol)复选框

Question

我正在尝试实现一些非常简单的事情，但无法理解它。我只是希望用户选择条款和条件，并且在没有检查的情况下无法继续前进。我决定在客户端验证中进行。

查看 - 复选框

<div class="fl">
    <input type="checkbox" id="checkbox" />
</div>
<div class="agree-txt">
    <span>I agree to <a href="#">Terms and Conditions</a>.</span>
</div>

查看 - 提交按钮

<%= f.button :submit, "Submit", :class=>"big-blue-btn" %>
    <a href = "#" class="text-link"> Sign Up as a User</a>
</li>

JS

$function validateCheckbox() {
    if ($('#checkbox').attr('checked')) {
        alert("you have to accept the terms first");
    }
});

请告诉我如何实现同样的目标，我知道我错过了一些非常小的东西，但无法找到它。

Answer 1

您不应该使用类型为提交的按钮，因为如果您这样做，即使用户不满足特定条件，表单也会被提交。