Проверка только для jquery проверяет только первое поле - другие игнорируются

Question

Я использую jQuery validation plugin, который должен проверять все входы в форме, но останавливается на первом. Если вы нажмете на второй вход и оставить его пустым - все в порядке - это подтверждает ...
В противном случае - нет ...

Я нашел некоторые из тех же ответов - нет успеха ...

Вот моя скрипка с примером я написал

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` 

Использование:

• Bootstrap
• JQuery проверка
• JQuery

Answer 1

Использование name для полей вместо 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> 

Демо: Fiddle

Answer 2

Ваш код не говорит .validate(), которые требуются поля. Из документации плагина по адресу: http://jqueryvalidation.org/required-method

Чтобы сделать поле, необходимое:

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

В этом случае поле называется «фрукты» не требуется.