0

問題を示す JSFiddle... http://jsfiddle.net/9Lzj6/2/

jQuery Validation Plugin http://docs.jquery.com/Plugins/Validation && https://github.com/jzaefferer/jquery-validationを使用してフォームを検証しています。

JS

<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript">
    $("#patient_info_form").validate({
        rules: {
            "data[gender]": {required :true},
            "data[dob_month]": "required",
            "data[dob_day]": "required",
            "data[dob_year]": "required"
        }
    });
</script>

HTML

<form id="patient_info_form" name="patient_info_form" action="..." method="post">

    <select name="data[dob_month]" id="data[dob_month]" required="required">
        <option value="" selected="selected"></option>
        <option value="1">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
    </select>

    <select name="data[dob_day]" id="data[dob_day]" required="required">
        <option value="" selected="selected"></option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>

    <select name="data[dob_year]" id="data[dob_year]" required="required">
        <option value="" selected="selected"></option>
        <option value="2012">2012</option>
        <option value="2011">2011</option>
        <option value="2010">2010</option>
        <option value="2009">2009</option>
    </select>

    <label for="gender_male" class="button_gender male">
        <input type="radio" name="data[gender]" value="male" id="gender_male" required="required">
    </label>
    <label for="gender_female" class="button_gender female">
        <input type="radio" name="data[gender]" value="female" id="gender_female" required="required">
    </label>

</form>

iPadの問題

標準ブラウザ (Chrome でテスト済み) では完全に動作しますが、iPad ではまったく動作しません。私は iPad 向けのプログラミングはまったく初めてで、（残念ながら私にとって）このサイトにはiPad からのみアクセスできます。

jQuery Validation Plugin を iPad で動作させるには、他に何かする必要がありますか? jQuery Mobile も試してみましたが運が悪かったのですが、ガイダンス付きで (またはその他の方法で) 別のショットを試してみるつもりです。

誰かが選択、ラジオグループ（デフォルトはありませんが、1つの選択が必要です）、およびチェックボックス（デフォルトはありませんが、リストからの1つの選択が必要です - ではありません）を検証する方法を示すチュートリアル、プラグイン、またはサンプルコードへのリンクを提供できますか上記のコード例に示されていますが、それも必要になります)？

PS ポップアップやエラー メッセージは必要ありません。すべての要件が満たされていない場合は、フォームの送信を停止する必要があります。

助けてくれてありがとう。

4

0 に答える 0