चयनित फ़ील्ड

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> 

यहाँ सत्यापन के लिए जे एस है:

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

आप $ का उपयोग करने की जरूरत नहीं है ('। नियंत्रण समूह # sukupuoli') addClass ("त्रुटि "); बस इसे आईडी द्वारा चुनें:

$ ('# sukupuoli')। addClass ("error");