javascript - 复选框和文本字段验证 javascript

Question

我在移动网站上有一个文本字段和一个复选框，在提交表单之前需要它。一个是需要继续进行的邮政编码搜索，还有一个用于条款和条件的复选框。

现在我有文本字段验证工作......

<script>
    function validateForm() {
        var x=document.forms["searchform"]["fromAddress"].value;
        if (x==null || x=="") {
            alert("Oops! You forgot to enter a location.");
            return false;
        }  
    }
</script>

但我不知道如何在复选框中添加...下面是表单的代码：

<form name="searchform" method="post" action="list.php" onsubmit="return validateForm()">
    <input type="hidden" name="search" value="1" />
    <input class="txtfield" type="search" id="search" name="fromAddress" onfocus="this.value=''" />

    <div class="terms-container">
        <div class="terms-checkbox-container">
            <input class="acceptterms" type="checkbox" name="agree" value="agree_terms">
        </div>
        <div class="terms-text-container">
            I Agree to the Terms and Conditions
        </div>
    </div>
    <input class="btn-submit" type="submit" id="submit" value="Go!"/>
</form>

任何帮助都会很棒。谢谢！

Answer 1

我相信您可以检查复选框的checked属性：

var checked = document.forms["searchform"]["agree"].checked;
if (!checked) {
    alert("Oops! Please check the checkbox!");
    return false;
}

Answer 2

checked您可以使用属性获取复选框的状态。所以，你可以做这样的事情。

<script>
    function validateForm() {
        var x=document.forms["searchform"]["fromAddress"].value;
        var y=document.forms["searchform"]["agree"].checked;
        if (x==null || x=="") {
            alert("Oops! You forgot to enter a location.");
            return false;
        }
        if (y === false) {
            alert("Oops! You forgot to agree to the terms and Conditions");
            return false;
        }
    }
</script>

Answer 3

使用以下代码：

var agreeCheckbox = document.forms["searchform"]["agree"];
if(!agreeCheckbox.checked) {
   alert('You need to accept terms to submit');
   return false;
}
return true;

Answer 4

你可以用那个

function validateForm()
{
    var x=document.forms["searchform"]["fromAddress"].value;
    if (x==null || x=="")
    {
        alert("Oops! You forgot to enter a location.");
        return false;
    }

    var checkbox = document.forms['searchform']['agree'];
    if (!checkbox.checked) {
        alert('Oops! You must agree with Terms');
        return false;
    }

    return true;
}

http://jsfiddle.net/KkYmX/5/