Imprimer la Page

Forum-webmaster

Technique - programmation => Javascript / DOM / Ajax => Message commencé par: zibjovial le le 10-06-2005 a 14:04:53

Titre: verification formulaire
Posté par: zibjovial le le 10-06-2005 a 14:04:53

bonjour,
je voudrais effacer mon message d'erreur du formulaire après avoir réintroduit une bonne valeur.
Quelqu'un aurait il une solution? merci d'avance
voici mon script:

<html>
<head>
<title>test de formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
   taberror = Array("erreur nom","erreur email","erreur telephone");
   function testform()
      {
         for(i=0; i<document.form1.elements.length-1; i++)
            {
               document.form1.elements.style.backgroundColor='white';
               test = document.form1.elements.name.charAt(1);
               contenu = document.form1.elements.value;
               oblig = (document.form1.elements.name.charAt(0) == "O");
               if ( (contenu == "" && oblig) || !valid(test,contenu))
                  {
                     document.form1.elements.style.backgroundColor='red';
                     error = eval("error"+i);
                     error.innerText = taberror;

                  }
            }
      }

   // ***************************** Choix de la fonction à lancer

function valid(type,valeur)
   {
      ok = true;
      switch (type)
         {
            case "E":      // test de l'email
               ok = femail(contenu);
               break;
            case "N":      // test si numérique
               ok = fnum(contenu);
               break;
         }
      return ok;
   }

//*************************************** fonction de validation
function femail(contenu)
   {
      return !(contenu.search(/^[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*$/) == -1);
   }

function fnum(contenu)
   {
      return !isNaN(contenu);
   }

</script>
</head>

<body>
<form name="form1" method="post" action="">
<table width="75%" border="1" align="center" bgcolor="#CCCCCC">
<tr>
<td colspan="4"><div align="center"><font size="4" face="Arial, Helvetica, sans-serif">Test
sur formulaire</font></div></td>
</tr>
<tr>
<td width="24%"> </td>
<td width="6%"> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td><div align="right">Nom :</div></td>
<td> </td>
<td width="30%" ><input name="OCnom" type="text" id="OCnom"></td>
<td width="40%" id="error0"> </td>
</tr>
<tr>
<td><div align="right">Email * :</div></td>
<td> </td>
<td ><input name="OEmail" type="text" id="OEmail"></td>
<td id="error1"> </td>
</tr>
<tr>
<td><div align="right">Telephone :</div></td>
<td> </td>
<td><input name="NNtel" type="text" id="NNtel"></td>
<td id="error2"> </td>
</tr>
<tr>
<td colspan="4"><div align="center">
<input name="Test" type="button" id="Test" value="Test" onClick="testform()">
</div></td>
</tr>
</table>
</form>
</body>
</html>