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匹以上になることもあります。

各セレクトボックスに必須にする方法、

そして、選択された各選択ボックスの値は、j​​query 検証プラグインを使用して一意でなければなりませんか? ありがとうございました

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 に答える