Question

JSFiddle证明问题...... http://jsfiddle.net/9Lzj6/2/

我使用的是jQuery Validation Plugin http://docs.jquery.com/Plugins/Validation＆amp;＆amp; 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上根本不起作用。我是100％的iPad编程新手，（不幸的是，我）这个网站只能通过iPad访问

。

我还需要使用jQuery Validation Plugin让它在iPad上运行吗？我也试过没有运气的jQuery Mobile，但是我愿意在指导下给它（或其他任何东西）另一个镜头。

有人可以提供指向教程，插件或示例代码的链接，这些代码将向我展示如何验证选择，无线电组（无需默认，但需要一个选择）和复选框（无默认值，但列表中有一个选项）必需 - 上面的示例代码中没有显示，但我也需要它？）

P.S。我不需要弹出或错误消息。如果不满足所有要求，我只需要停止表单提交。

提前感谢您的帮助。

如何在iPad上验证单选按钮，选择和复选框

0 个答案: