0

我如何才能为下面的选择框列表提供特定要求和独特条件？

<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 validate 插件是唯一的？谢谢

4

2 回答 2

3 
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;
  }
});

演示

于 2012-05-07T18:48:36.163 回答
1

这是一个很棒的 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>

希望有帮助:)

于 2012-05-07T18:41:41.587 回答