validazione jquery solo convalida il primo campo - gli altri vengono ignorati

Question

Sto utilizzando un jQuery validation plugin che dovrebbe convalidare tutti gli input in un modulo, ma si arresta al primo. Se si fa clic sul secondo ingresso e lascia vuoto - tutto è ok - che convalida ...
In caso contrario - non ...

ho trovato alcune delle stesse risposte - senza successo ...

Ecco il mio violino con l'esempio che ho scritto

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` 

Usando:

• Bootstrap
• jQuery convalida
• jQuery

Answer 1

Usa name per i campi invece di 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

Il codice non dice .validate() quali sono richiesti i campi. Dalla documentazione plug-in: http://jqueryvalidation.org/required-method

Per rendere un campo obbligatorio:

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

In questo caso, è necessario il campo chiamato "frutto".