jQuery waliduje tylko pierwsze pole - inne są ignorowane

Question

Używam jQuery validation plugin, który powinien potwierdzić wszystkie dane wejściowe w formularzu, ale zatrzymuje się na pierwszym. Jeśli klikniesz na drugim wejściu i pozostawić puste - wszystko jest ok - to sprawdza ...
W przeciwnym razie - nie ...

znalazłem niektóre z tych samych odpowiedzi - bez powodzenia ...

Oto skrzypce z moim przykładzie pisałem

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` 

Zastosowanie:

• Bootstrap
• jQuery Walidacja
• jQuery

Answer 1

Zastosowanie name dla pól zamiast id

<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

Twój kod nie powiedzieć .validate(), które są wymagane pola. Z dokumentacji pluginu w: http://jqueryvalidation.org/required-method

Aby pole Wymagane:

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

W tym przypadku pole o nazwie „owoc” jest wymagane.