2012-07-18 60 views
0

我有一些麻煩,顯示在多個選擇框表單驗證這個插件jQuery的表單驗證:與multple選擇框

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

驗證只似乎是工作的第一個選擇框。如果第一個選擇框處於未選中狀態,則會出現驗證錯誤,但是,如果以下選擇爲空,則會提交未經驗證的表單。

我已經使用這個插件,它的工作完美無瑕與多個文本輸入,但這是我第一次嘗試多個選擇框。

<form action="someactionhere" method="POST" class="form" id="errors"> 
         <label>First Select</label><br> 
         <select id="first" class="required"> 
           <option selected="" value="">Select</option> 
           <option value="first">first</option> 
           <option value="second">second</option> 
           <option value="third">third</option> 
         </select><br><br> 
         <label>Second Select</label><br> 
         <select id="second" class="required"> 
           <option selected="" value="">Select</option> 
           <option value="first">first</option> 
           <option value="second">second</option> 
           <option value="third">third</option> 
         </select> 
         <button type="submit" class="button">SUBMIT</button> 
</form> 
<script src="/js/jquery-1.7.1.js" type="text/javascript"></script> 
<script src="/js/jquery.validate.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#errors").validate(); 
    }); 
</script> 

回答

2

jquery.validation使用name屬性進行綁定。給你的選擇一個名字。

+0

謝謝。現在我感到很蠢...... :) – chasemb 2012-07-18 19:17:55

+0

不要覺得啞巴,真的只有一個原因,我知道這個答案:) – 2012-07-18 19:32:03