复选框验证码?

时间:2013-05-25 10:46:01

标签: javascript validation

我正在尝试一个包含文本字段和复选框的表单。我是设计师而不是开发人员。我已经成功地将文本框设置为Validate,但是我已经粘贴了复选框的代码,由于某种原因,它会取消验证或在paypal服务器上返回错误。任何人都可以建议几行代码来验证复选框“条款”吗?文本框称为“os0”

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" id="myForm" onSubmit="return validateForm()" >
        <input type="hidden" name="cmd" value="_s-xclick">
        <input type="hidden" name="hosted_button_id" value="AXNKKDCZLVHM4">
        <table width="100%" border="0">
            <tr>
                <th scope="row"><input type="hidden" name="on0" value="Your RCEH Account Number:" />
                    Your RCEH Account Number:
                </th>
                <td>
                    <input type="text" name="os0" maxlength="200" />
                </td>
            </tr>
            <tr>
                <th scope="row">&nbsp;</th>
                <td><label>
                    <input type="checkbox" name="terms" id="terms" />
                    Agree to <a href="../terms.html" target="new">terms and conditions</a></label>
                </td>
                </tr>
        </table>
        <input type=submit value="Proceed to secure server">
        <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
 </div>
</div>

<script>
    function validateForm() {
        var x=document.forms["myForm"]["os0"].value;
        if (x==null || x==""){
            alert("RCEH account number must be filled out");
            return false;
        }
    }
</script>

1 个答案:

答案 0 :(得分:2)

假设您只想检查复选框,下面是您需要的代码,这是一个有效的JSFiddle

function validateForm() {
    var form = document.getElementById("myForm"); //get the form element via ID
    if (form.os0.value == "")
    {
        alert("RCEH account number must be filled out");
        return false;
    }
    if (!form.terms.checked) { // checks if the checkbox called "terms" is checked; if it is not, alerts a message and return false
        alert("Terms must be read and approved");
        return false;
    }
    return true; //if everything is okay, return true and submit the form
}