jQuery position d'erreur de validation

Question

En jQuery indication d'erreur de jQuery.validate afficher près du champ de saisie et si ce message montre notre mise en page plantée.

J'ai besoin d'une solution basée sur le flux "div" avec z-index et message d'erreur sur la page et près du champ de saisie.

Merci

Answer 1

Regard sur le ErrorClass, errorElement, emballage et errorLabelContainer options pour voir comment modifier la façon dont le message d'erreur est rendu. Très probablement, vous avez juste besoin de fournir une classe d'erreur qui a le CSS approprié pour augmenter l'index z du message d'erreur. Si cela ne fonctionne pas, le plugin de validation a un callback errorPlacement que vous pouvez utiliser pour placer le message d'erreur où et comment vous voulez.

Answer 2

Exemple:

$(document).ready(function(){ 
     $("#page1Form").validate({ 
      rules: { 
       "field1": { 
        required: true, 
        digits: true 
       }, 
       "field2": { 
        required: true 
       } 
      }, 
      errorElement: "div" // This is to override the label w/ a div 
     });      
    }); 

CSS:

div.error { 
/* Your CSS Code Here */ 

}

Vous aurez besoin de style de la div.

S'il vous plaît republier vous div style que je cherche à faire aussi bien, mais mes skillz CSS font encore défaut = P