javascript - 第二次调用后未提交表格

Question

如果条件未得到验证，我会尝试提交表单。

    <form action="http://www.google.com" method="post" id="support_form">
<p class="accept"><input type="checkbox" id="id_cgu" name="cgu" value="1"> I accept
<input type="submit" value="ok">
</form>

<script language="javascript">

$("#support_form").submit(function() {
    if($("#id_cgu:checked").length==0) {
        alert("{% trans "Vous must accept terms of services" %}");
        return false;
    } else {
        alert('valid')
        return true;
    }
});

</script>

如果我的表单在第一次调用时有效，则我的表单已正确提交(重定向到另一个页面)

如果我的表单第一次无效，然后我更正了它，我会看到警告框“有效”，但我的表单未提交。

你对这个问题有什么想法吗？

Answer 1

这是因为您返回了false。您应该使用 stopImmediatePropagation();，如下所示:

$("#support_form").submit(function(ev) {
if($("#id_cgu:checked").length==0) {
    alert("{% trans "Vous must accept terms of services" %}");
    ev.stopImmediatePropagation();
} //rest of code...

当您返回 false 时，实际上您会使提交按钮变得无用，直到您重新加载页面为止。