Bonjour,
bon je veux faire un formulaire interactif en javascript, càd qui indique les erreurs de saisi pendant le remplissage du formulaire
par exemple pour une zone de texte nom si elle contient moins de 2 lettres, la bordure doit devenir rouge, sinon c'est vert
mon code donne le bon résultat mais seulement si j'actualise la page, pas pendant l'écriture dans la zone !

<input type="text" name="nom" />

<script>
var elts=document.getElementsByTagName('input'),
    long=elts.length;


for(var i=0;i<long;i++)
{
  if(elts[i].type == 'text' ){

  // cas 1 d'erreur :  NOM
  if(elts[i].name == 'nom')
  {
    var text=elts[i].value,
    lng=text.length;

    if(lng<2 && lng>0)
    {
      elts[i].addEventListener('focus', function(e){
      e.target.style.borderColor="red";
      e.target.style.borderWidth=4 +'px';
    },false);
    }
    else
       {
        elts[i].addEventListener('focus', function(e){
        e.target.style.borderColor="green";
        e.target.style.borderWidth=4 +'px';
        },false);
      }
  }

}
</script>

et merci d'avance

Il faut que le code qui vérifie ton input soit dans une fonction ensuite il faut l'appeler sur l'événement que tu veux.

<script type="text/javascript">
function verifChamp(id) {
	var el = document.getElementsById(id);
	
	if(el.length < 2 && el.length > 0) {
		// code
	} else {
		// code
	}
}
</script>
<form>
<input type="text" name="nom" id="nom" onkeyup="verifChamp(this.id);"/>
<input type="text" name="prenom" id="prenom" onkeyup="verifChamp(this.id);"/>
</form>