jquery验证不适用于此代码

任何人都可以弄清楚为什么这段代码不工作？我可以点击提交按钮，然后转到下一页，而无需选择任何内容。我希望只有当用户选择任何单选按钮时才允许用户转到下一页。由于jquery验证不适用于此代码

<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>

来源

2013-04-06 ktm

我可能是错的，但它似乎验证插件需要jQuery的1.6.4+和你正在使用V1.6.1，比其他你的代码似乎很好。 – JFK 2013-04-06 06:01:48

'我希望用户只有在用户选择任何单选按钮时才允许进入下一页.'代码中没有单选按钮 – JFK 2013-04-06 06:17:23

从快看，你的代码似乎是罚款，但详细视图后，罪魁祸首是这个网站行：

<option>select Category</option>

...这也需要有一个（N ）（空）value属性为插件才能正常工作，所以它应该是这样的：

<option value="">select Category</option>

...或更好：

<option selected="" value="" disabled="disabled">select Category</option>

见JSFIDDLE使用jQuery v1.6.4，正如我在以前的评论

来源

2013-04-06 06:41:53 JFK

谢谢，非常巧妙地解决了 – ktm 2013-04-06 07:07:27

jquery验证不适用于此代码

回答

相关问题