Javascript / Html中的复选框

Question

<script type="text/JavaScript">
    function checkForm(form)
    {
        if(!form.terms.checked){
        alert("Please indicate that you accept");
        forms.terms.focus();
        return false;
    }
    return true;

    }
</script>

<form onsubmit="return checkForm(this);" action="www.google.com">
<p><input type="checkbox" name="terms"> I accept</p>
<p><input class="button" type="submit" value="Continue" ></p>
</form>

您好我正在尝试添加您必须检查的复选框才能继续。 当您单击按钮而不选中该框时，它会正确弹出操作; 但是，它仍然带你到网站。 我想在将用户带到网站之前不断询问复选框。 你能帮我个忙吗？ 我尝试在{}之间返回true之后添加它但它似乎不起作用。 我在javascript中的知识非常基础。

谢谢

Answer 1

您的焦点代码中有一点错字（您键入的是forms而不是form ）。 这是正确的代码。

function checkForm(form)
{
    if(!form.terms.checked){
        alert("Please indicate that you accept");
        form.terms.focus(); // corrected "form" instead of "forms"
        return false;
    }
    return true;
}

小提琴

Answer 2

我认为问题在于关注输入复选框。 请将您的Javascript代码更改为

<script type="text/JavaScript">
function checkForm(form)
  {
     if(!form.terms.checked){
       return false;
      }
       return true;
  }

Answer 3

您可以将按钮的类型从提交更改为按钮，并在click事件上触发评估功能。 如果选中该复选框，则提交表单。

（还在href属性上添加了http：//）

<script type="text/JavaScript">
function checkForm(button)
{
    var form = button.form;
    if(!form.terms.checked)
    {
        alert("Please indicate that you accept");
        form.terms.focus();         
    }
    else
    {
        form.submit();
    }

}
</script>

<form action="http://www.google.com">
<p><input type="checkbox" name="terms"> I accept</p>
<p><input class="button" type="button" value="Continue" onclick="checkForm(this)" ></p>
</form>