0

テキスト フィールドとチェック ボックスのあるフォームを試しています。私はデザイナーであり、開発者ではありません。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>
4

1 に答える 1

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
}
于 2013-05-25T10:56:36.757 に答える