Le formulaire :
Le formulaire à pour nom form_mail et le champ email pour nom email : on utiliserar ces informations pour la validation.
<form method="POST" name="form_mail" action="tr4.asp">
<input type="text" name="email" size="20"><input type="button" value="OK" onclick="testemail();"></p>
</form>
Note : remarquez que l'on utilise pas de bouton submit, la soumission se faisant après le test de l'adresse email avec la fonction submit()
Le script de validation :
On utilise pour ce script (qui doit être entre les balises <HEAD> et </HEAD> la fonction indexOf qui permet de retrouver l'emplacement d'un motif dans une chaine de caractère à partir d'une position spécifiée.
Ex. chaine.indexOf (motif,0)
retourne -1 si la chaine "motif" n'apparaît pas dans la chaîne "chaine", sinon retourne la position du caractère de la chaîne motif
<script language="javascript">
function testemail() {
var email=document.forms['form_mail'].elements['email'].value
if ((email.indexOf('@',0)==-1) || (email.indexOf('.',0)==-1)) {
// l'adresse entrée est incorrecte
alert("adresse email incorrecte")
}
else
{
// l'adresse est correcte
// on soumet le formulaire
document.forms['form_mail'].submit()
}
}
</script>