Essayer de valider un tableau de champs de texte en utilisant jQuery

Question

J'essaye de valider le formulaire suivant en utilisant le plugin jQuery mais je n'ai pas encore réussi. S'il vous plaît aidez-moi avec le problème.

<ol> 
     <li> 
      <label for="address1" class="biz">Address 1<span class="required">*</span></label> 
      <input id="address1" name="address[address1]" class="text" type="text" > 
     </li> 
     <li> 
      <label for="address2" class="biz">Address 2</label> 
      <input id="address2" name="address[address2]" class="text" type="text"/> 
     </li> 
     <li> 
      <label for="city" class="biz">City<span class="required">*</span></label> 
      <input id="city" name="address[city]" class="text" type="text"/> 
     </li> 

goes on.... 

rules: { 
     name: { required: true }, 
     phone: { required: true }, 
     address: { required: true },                   
} 

La règle ci-dessus ne fonctionne pas. Merci d'avance.

Answer 1

Vous devez utiliser les noms de champs complets et les citer. REF: http://docs.jquery.com/Plugins/Validation/Reference#Fields_with_complex_names_.28brackets.2C_dots.29

$("#form").validate({ 
    rules: { 
     "address[address1]": { required: true }, 
     "address[address2]": { required: true }, 
     "address[city]": { required: true }, 
    } 
});