Page 1 sur 1

aide code javascript sur un évènement onblur

Posté : 02 août 2012, 14:48
par piervi
Bonjour, à tous.
Je débute en javascript et du coup je me fais quelques petits exercices...
je souhaiterais dans un formulaire de contact que lorsque qu'une personne entre son nom par exemple et qu'elle sort du champs, ma fonction test si c'est bien du texte et si ce n'en est pas, qu'elle écrive à coté "caractères non conformes" par exemple ou n'importe quel texte.
Je me suis déjà aidé de script pour les tests de caractères.

Voivi mon code.

Code : Tout sélectionner

<script type="text/JavaScript"> var numb = '0123456789'; var lwr = 'abcdefghijklmnopqrstuvwxyz-'; var upr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ-'; function isValid(parm,val) { if (parm == "") return false; for (i=0; i<parm.length; i++) { if (val.indexOf(parm.charAt(i),0) == -1) return false; } return true; } function isAlpha(parm) {return isValid(parm,lwr+upr);} function testnom(){ nom=document.forms["formmail"].elements["nom"].value; if(nom.length>1) { if(isAlpha(nom)) { return true; } else { document.getElementById("pnom").write("Votre nom ne doit contenir que du texte ainsi que le - "); } } }//testnom() </script>
et le html dans le body

Code : Tout sélectionner

<div id="contenu"> <div id="form"> <form name'formmail' method='post' action='testmail.php'> votre nom......<input name='nom' type='text' size='50' onblur='testnom()' /><p id='pnom'></p></br> <input type='submit' value='envoyer' /> </form> </div> </div>
Donc voila ma question, comment écrire à coté d'un champs de form, est-ce possible avec ce que j'ai fait?
Avec ce code, rien ne se passe...

Merci d'avance.

Re: aide code javascript sur un évènement onblur

Posté : 02 août 2012, 18:59
par AB
Pour écrire dans un élément on utilise soit innerHTML soit on crée un élément texte que l'on incorpore avec (souvent) un appendChild

Re: aide code javascript sur un évènement onblur

Posté : 03 août 2012, 17:14
par piervi
yep cool mec tout marche avec innerHTML...
C galère le javascript, mais ça a l'air tellement puissant... je vais persévérer, je pense que ça sera bien quand il n'y aura plus 10000 recherches à faire pour la moindre instruction... je pense a un petit javascript pour les nuls... ;)

Merci

Re: [RESOLU] aide code javascript sur un évènement onblur

Posté : 03 août 2012, 17:32
par moogli
Persévère sur la base car c'est toujours bon de connaitre les bases, mais tu peux te tourner vers des framework javascript qui te permetterons de faire touts un tas de chose auquelle tu ne pense pas ;)

par exemple
- JQuery http://pckult.developpez.com/tutoriels/ ... roduction/ (jquery.com)
- ExtJS http://www.devafrique.com/articles/cons ... tion-extjs (http://www.sencha.com/products/extjs/download/)
- Prototype http://www.prototypejs.org/
- Dojo http://mikael-morvan.developpez.com/tut ... roduction/
- GWT http://www.gwt-france.fr/ (par exemple)
surement d'autre :)

les liens date un peu mais y a de quoi faire déjà ;)

bonne lecture

@+