選択フィールドの妥当性確認

Question

フォームを検証していますが、この特定の選択検証に問題があります。

<div class="control-group" id="sukupuoli"> 
     <label class="control-label">Sukupuoli</label> 
     <div class="controls"> 
      <select name="sukupuoli"> 
      <option value="Valitse">Valitse</option> 
      <option value="Naaras">Naaras</option> 
      <option value="Uros">Uros</option> 
      </select> 
     </div> 
</div> 

ここJSは、検証のためです：

$('#ilmoittuminen').submit(function(){ 

     var Sukupuoli = $('input[name=sukupuoli]').val() 

      if(Sukupuoli == "Valitse"){ 
      $('.control-group#sukupuoli').addClass("error"); 
      $('select[name=sukupuoli]').focus(); 
      return false; 
      } 

      var ilmoittautumisdata = $('#ilmoittuminen').serialize(); 
      $.ajax({ 
       url: "", 
       data: ilmoittautumisdata, 
       type: "POST"}) 
      .done(function() { 

       }) 
      .error(function() { 
      $('.control-group').addClass("alert"); 
      }); 

       return false; 
}); 

それは提出していないが、それはどちらかのクラスのエラーを追加しません。 A fiddle。

Answer 1

あなたがここにselectを使用する必要があります。

var Sukupuoli = $('select[name=sukupuoli]').val() 

例：http://jsfiddle.net/HV7sn/1/

Answer 2

あなたは$を使用する必要はありませんaddClass（ "エラー（ 'コントロールグループ＃のsukupuoli。'）。 "）; idだけで選択してください：

$（ '＃sukupuoli'）。addClass（ "error"）;