bonjour
je veut faire un formulaire.
dans ce formulaire je veut qu'il y a devant chaque champs de texte(email,mot de pass..)une image pour indiquer si le champs saisi est correct ou pas.
deux images seront utilisés:une pour un saisi juste et une autre pour un saisi erroné
aider moi svp a faire cette verification

Voilà un exemple :

<span id="img_pseudo"></span>
<input type="text" id="pseudo" name="pseudo" onblur="verifPseudo(this)" />

<script type="text/javascript">
var url_valid = "http://www.libcast.com/bin-pics/SMALLICON_valid.gif";
var url_not_valid = "http://www.libcast.com/bin-pics/SMALLICON_not_valid.gif";

function verifPseudo(champ) {
  // Supposons que le pseudo doit faire entre 6 et 10 caractères
  var ok = champ.value.length>=6 && champ.value.length<=10;
  valid(champ,ok);
}

function valid(champ,ok) {
  var span = document.getElementById('img_'+champ.id);
  if(ok) {
    span.innerHTML = "<img src='"+url_valid+"' />";
  } else {
    span.innerHTML = "<img src='"+url_not_valid+"' />";
  }
}
</script>

Il te reste qu'à lire, comprendre, et adapter

var span = document.getElementById('img_'+champ.id)

QU'EST CE TU VEUT DIRE par cette phrase??
et merci.

ET POURQUOI T'ECRIS EN MAJ ?

Il récupère le span ayant pour id img_{{id de l'input}}

Regarde le code HTML. A chaque champ, j'ai fait correspondre un span avec l'id img_{{id input}}

Pour le champ avec id pseudo, on a le span avec id img_pseudo.

merci bien

Mets le sujet en résolu.