Validation LiveValidation côté client - pouvez-vous contrôler la position des messages de validation?

Question

J'utilise LiveValidaion pour ma validation client http://livevalidation.com/ et DataAnnotations pour mes règles de validation. Tout fonctionne correctement, sauf que les messages d'erreur côté client sont affichés uniquement à droite de l'élément en cours de validation.

Est-il possible de déplacer ce message de validation sous l'élément en cours de validation? Ou encore mieux, regrouper tous les messages dans une div en haut/bas de la page? Je ne vois pas quoi que ce soit dans leurs documents ou des exemples

Answer 1

tout simplement jouer avec ce style CSS

span .LV_validation_message { 
    // properties 
} 

Answer 2

C'est ce que je faisais.

premier est le code original de LiveValidation 1.3 - version autonome, dans Firebug sur Firefox, il est à la ligne 353.

createMessageSpan: function(){ 
    var span = document.createElement('span'); 
    var textNode = document.createTextNode(this.message); 
    span.appendChild(textNode);  
    return span; 
}, 

voici ce que je Code changé pour.

createMessageDiv: function(){ 
    var divMessage = document.createElement('div'); 
    divMessage.id = "lvID"; 
    divMessage.style.position = "absolute"; 
    divMessage.setAttribute("align","left"); 
    divMessage.style.marginLeft = "2px"; 
    var textNode = document.createTextNode(this.message); 
    divMessage.appendChild(textNode); 
    return divMessage; 
}, 

Answer 3

Essayez cette

<div id="lvMsgRegUsername"></div> 
... 
var reg_username = new LiveValidation('reg_username', { insertAfterWhatNode: "lvMsgRegUsername"});