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>