jquery validation yalnızca ilk alanı doğrular - diğerleri yok sayılır

Question

Bir formdaki tüm girdileri doğrulaması gereken bir jQuery validation plugin kullanıyorum ancak ilk adımda durur. Eğer ikinci giriş tıklayıp boş bırakırsanız - Aksi ... o doğrular
- - her şey yolunda hiçbir başarı ...

İşte - değil ...

Aynı bazı yanıtlar bulundu

: Örneğin benim keman ben kullanma

FiddleError

// 
// jQuery Validate example script 
// 
// Prepared by David Cochran 
// 
// Free for your use -- No warranties, no guarantees! 
// 

$(document).ready(function(){ 

// Validate 
// http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 
// http://docs.jquery.com/Plugins/Validation/ 
// http://docs.jquery.com/Plugins/Validation/validate#toptions 

    $('.validate').validate({ 
     highlight: function(element) { 
      $(element).parent().removeClass('has-success').addClass('has-error'); 
     }, 
     success: function(element) { 
      element.closest().removeClass('has-error').addClass('has-success'); 
     } 
    }); 

}); // end document.ready`enter code here` 

yazdı
• Bootstrap
• jQuery
• jQuery doğrulama

Answer 1

kullanın nameid

<div class="form-group"> 
    <label class="control-label" for="login_id">Login id:</label> 
    <input type="text" class="form-control required" name="login_id"> 
</div> 
<div class="form-group"> 
    <label class="control-label" for="password">Password:</label> 
    <input type="password" class="form-control required" name="password"> 
    <div class="forgot"> <a href="#"> 
        Forgot your password? 
       </a> 

    </div> 
</div> 

Demo: Fiddle

Answer 2

Kodunuz alanlar gereklidir .validate() söylemez. eklenti belgelerine de: http://jqueryvalidation.org/required-method

gerekli bir alan oluşturmak için: Bu durumda

$("#myform").validate({ 
    rules: { 
    fruit: { 
     required: true 
    } 
    } 
}); 

, "meyve" olarak adlandırılan alan gereklidir.

yerine alanları için