jquery验证不适用于此代码
有人能解释一下为什么这个代码不起作用吗?我可以点击提交按钮,进入下一页而不选择任何内容。我希望仅当用户选择任何单选按钮时,才允许用户转到下一页。谢谢jquery验证不适用于此代码,jquery,jquery-validate,Jquery,Jquery Validate,有人能解释一下为什么这个代码不起作用吗?我可以点击提交按钮,进入下一页而不选择任何内容。我希望仅当用户选择任何单选按钮时,才允许用户转到下一页。谢谢 <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <script type='text/javascript' src='http://ajax.
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js'></script>
<script>
$.noConflict();
$(document).ready(function(){
$("#form1").validate();
});
</script>
<form method="post" action="/action" id="form1" class="styled" enctype="multipart/form-data">
<label for="name">1. Choose Category</label><br />
<select class="required" id="cat1" name="category">
<option>select Category</option>
<option class="required" value="10">Cars</option>
<option class="required" value="8">House</option>
<option class="required" value="11">Mobiles</option>
<option class="required" value="3">Bus</option>
<option class="required" value="6">Services</option>
</select>
<input type="submit" name="buttonSubmit" value="Next Step" class="btn-submit img-swap" id="submit" />
</form>
从快速查看中,您的代码看起来不错,但在详细查看后,罪魁祸首是以下html行:
<option>select Category</option>
。。。或者更好:
<option selected="" value="" disabled="disabled">select Category</option>
请参阅使用jQuery v1.6.4,就像我之前的评论一样我可能错了,但验证插件似乎需要jQuery 1.6.4+,而您使用的是v1.6.1,除了代码似乎没有问题之外。我希望只有当用户选择任何单选按钮时,才允许用户进入下一页。代码中没有单选按钮
<option selected="" value="" disabled="disabled">select Category</option>