Jquery驗證和選擇框的列表

Question

如何針對下面的選擇框列表具體要求和唯一條件？

<form name="signupForm" class="cmxform" id="signupForm" method="get" action=""> 
<select name="category[]" id="cat_1"> 
<option value="">Select One</option> 
<option value="1">aa</option> 
<option value="2">bb</option> 
<option value="3">cc</option> 
<option value="4">dd</option> 
</select> 
<select name="category[]" id="cat_2"> 
<option value="">Select One</option> 
<option value="5">ee</option> 
<option value="6">ff</option> 
<option value="7">gg</option> 
<option value="8">hh</option> 
</select> 
<select name="category[]" id="cat_3"> 
<option value="">Select One</option> 
<option value="9">ii</option> 
<option value="10">jj</option> 
<option value="11">kk</option> 
<option value="12">ll</option> 
</select> 
<input class="submit" type="submit" value="Submit"> 
</form> 

注意到有貓的數量是不固定的，也可以是3個以上，

所以如何使其需要爲每個選擇框，

並且每個選擇框選擇的值必須使用jQuery驗證插件是唯一的嗎？謝謝

Answer 1

var $selects = $('form select[name^=category]'), 
    values = []; 

$(':submit').click(function(e) { 
    e.preventDefault(); 
    values = []; 
    $($selects).each(function() { 
     if($(this).val()) { 
      values.push($(this).val());   
     } 
    }); 
    if(!values.length) { 
     alert('Please select all categories'); 
     return false; 
    } 
    if(values.length < $selects.length || $.unique(values).length < $selects.length) { 
    alert('Please select all categories and be unique'); 
    return false; 
    } 
}); 

DEMO

Answer 2

這裏是一個偉大的jQuery驗證插件，將讓您的生活更輕鬆：http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

這是所有你需要做的：（插件不休息）

<select id="sport" class="validate[required]" name="sport"> 
<option value="">--Select--</option> 
<option value="option1">Tennis</option> 
<option value="option2">Football</option> 
<option value="option3">Golf</option> 
</select> 

希望幫助:)