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

时间:2012-07-05 23:30:57

标签: ipad validation jquery-mobile jquery-validate

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上根本不起作用。我是100%的iPad编程新手,(不幸的是,我)这个网站只能通过iPad访问

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

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

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

提前感谢您的帮助。

0 个答案:

没有答案