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属性获取复选框的状态。所以，你可以这样做。

<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 2

使用以下代码：

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

Answer 3

您可以使用

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/

Answer 4

我相信你可以勾选复选框的checked属性：

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

复选框和文本字段验证javascript

4 个答案: