0

JSFiddle 演示问题... http://jsfiddle.net/9Lzj6/2/

我正在使用 jQuery 验证插件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 编程是 100% 的新手，而且（对我来说很不幸）这个网站只能通过 iPad 访问。

我还需要对 jQuery Validation Plugin 做些什么才能让它在 iPad 上工作吗？我也尝试了 jQuery Mobile，但没有运气，但我愿意在指导下再试一次。

有人可以提供指向教程、插件或示例代码的链接，这些链接将向我展示如何验证选择、单选组（无默认设置，但需要一个选择）和复选框（无默认设置，但需要从列表中选择一个 - 不是显示在上面的示例代码中，但我也需要）？

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

在此先感谢您的帮助。

4

0 回答 0