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驗證不適用於此代碼

回答

相關問題