[JS] LiveValidation image (html) laten weergeven*

[Tim_R]

Beste mensen,

Voor een contactformulier op mijn site ben ik bezig met LiveValidation, mooi script overigens!

Alles werkt perfect, alleen wil ik het script graag een <img src= ** > laten returnen in plaats van alleen een melding in plain text. Echter wanneer ik in het LiveValidation script de standaard melding ('thankyou') verander in een HTML tag, geeft hij alleen maar plain text weer! Hoe los ik dit op?

In mijn pagina staat:

JavaScript:

<form action=\"?p=contact\" method=\"POST\">
   <input type=\"text\" name=\"naam\" size=\"50\" class=\"input\" id=\"naam\" /><br>
   <input type=\"text\" name=\"bedrijfsnaam\" size=\"50\" class=\"input\" id=\"bedrijfsnaam\" /><br>
   <input type=\"text\" name=\"email\" size=\"50\" class=\"input\" id=\"email\" /><br>
   <input type=\"text\" name=\"telefoon\" size=\"50\" class=\"input\" id=\"telefoon\" /><br>
   <textarea name=\"bericht\" rows=\"12\" cols=\"51\" class=\"area\" id=\"bericht\"></textarea><br>
   <input type=\"submit\"  name=\"submit\" value=\"Verstuur\" class=\"input\">
</form>
<script type=\"text/javascript\">
   var naam = new LiveValidation( \"naam\", { wait: 1000 } );
   naam.add( Validate.Presence, { failureMessage: \"Error: Mag niet leeg zijn\" } );
   naam.add( Validate.Length, { minimum: 2 } );
   var bedrijfsnaam = new LiveValidation( \"bedrijfsnaam\", { wait: 1000 } );
   var email = new LiveValidation( \"email\", { wait: 1000 } );
   var telefoon = new LiveValidation( \"telefoon\", { wait: 1000 } );
   telefoon.add( Validate.Numericality );
   telefoon.add( Validate.Length, { minimum: 10 } );
   email.add( Validate.Presence, { failureMessage: \"Error: Mag niet leeg zijn\" } );
   email.add( Validate.Email, { failureMessage: \"Error: Incorrect adres\" } );
   var bericht = new LiveValidation( \"bericht\", { wait: 2000 } );
   bericht.add( Validate.Presence, { failureMessage: \"Error: Mag niet leeg zijn\" } );
</script>

En het LiveValidation script is te vinden op de LV-site
In regel 90 staat de standaard 'Thankyou!' melding.

Bedankt alvast!

[CodeCaster]

Waarom lees je de documentatie niet gewoon door? Ik lees daar namelijk niks over html, wordt dat wel ondersteund? En kun je dat niet gewoon zelf in elkaar knutselen met een .display-eigenschap?

[BtM909]

Lees eens het javascriptje door. Kom er vervolgens achter wat hieronder gebeurt en bedenk dan (of verdiep je erin) wat voor aanpassingen benodigd zijn

JavaScript:

    /** Message insertion methods ****************************
     * 
     * These are only used in the onValid and onInvalid callback functions and so if you overide the default callbacks,
     * you must either impliment your own functions to do whatever you want, or call some of these from them if you 
     * want to keep some of the functionality
     */
    
    /**
     *  makes a span containg the passed or failed message
     *
     * @return {HTMLSpanObject} - a span element with the message in it
     */
    createMessageSpan: function(){
        var span = document.createElement('span');
        var textNode = document.createTextNode(this.message);
        span.appendChild(textNode);
        return span;
    },

[Tim_R]

Ik moet bekennen (en dat zal vast al gebleken ziijn ) dat ik een enorme beginner bent met betrekking tot javascript. De hint van BtM909 heeft me volgens mij al een heel eind de goede richting in geholpen, ik ga me er even mee bezig houden

Thanks!