zibjovial
Membre récent
 Hors-Ligne
Messages: 12
Je suis un lama!
|
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[i].style.backgroundColor='white';
test = document.form1.elements[i].name.charAt(1);
contenu = document.form1.elements[i].value;
oblig = (document.form1.elements[i].name.charAt(0) == "O");
if ( (contenu == "" && oblig) || !valid(test,contenu))
{
document.form1.elements[i].style.backgroundColor='red';
error = eval("error"+i);
error.innerText = taberror[i];
}
}
}
// ***************************** 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>
|
Auteur 
