Jquery Validation Div contenant tous les messages plus le texte/image à côté de l'entrée erronée

Question

Comment puis-je (en utilisant jquery validation) mettre tous les messages dans une balise div mais laisser les erreurs à côté du champ de saisie? À l'heure actuelle, il semble que je puisse seulement avoir l'un ou l'autre.

Pour les erreurs de balise Div j'ai utilisé errorLabelContainer: mais si aussi essayez d'utiliser errorPlacement: pour mettre un message/image à côté de la boîte de saisie, il ne fait rien.

Est-il possible d'utiliser errorPlacement pour placer l'erreur à plus d'un endroit?

pour un exemple, regardez https://www.which.co.uk/login suffit de soumettre le formulaire. Vous obtenez les erreurs en haut de la page ainsi que les erreurs à côté du champ requis. Pour autant que je puisse voir à partir de ce code, ils ont réécrit le validateur.

Cordialement, Pete

Answer 1

Essayez How to display jQuery Validation error container only on submit

Il a travaillé pour moi.

Mon code:

errorElement: "div", 
errorContainer: container, 
errorClass: "errorInValid", 
errorPlacement: function (error, element) { 
    var errorClone = error.clone(); 
    $("#ErrorStrip").append(errorClone); 
    error.insertAfter(element).bind("hide", function() { 
     errorClone.hide(); 
    }); 
},