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。我不需要弹出或错误消息。如果不满足所有要求,我只需要停止表单提交。
提前感谢您的帮助。