Xác thực trường chọn

Question

Tôi đang xác thực biểu mẫu, nhưng tôi đang gặp sự cố với xác thực chọn cụ thể này.

<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> 

Đây là JS cho xác nhận:

$('#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; 
}); 

Nó không gửi, nhưng nó không thêm lỗi lớp hai. A fiddle.

Answer 1

Bạn nên sử dụng select đây:

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

Ví dụ:.http://jsfiddle.net/HV7sn/1/

Answer 2

Bạn không cần phải sử dụng $ ('kiểm soát nhóm # sukupuoli') addClass ("lỗi "); chỉ cần chọn nó theo id:

$ ('# sukupuoli'). addClass ("lỗi");