1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Vérification simple d'un email dans un formulaire

Vérification simple d'un email dans un formulaire

Soyez le premier à donner votre avis sur cette source.

Snippet vu 24 487 fois - Téléchargée 35 fois

Commenter

Contenu du snippet

Ce (tout petit) source PHP/Javascript a pour prétention de montrer la vérification d'un formulaire. Ici, j'en profite pour présenter un test très simple mais assez efficace pour valider la syntaxe d'une adresse e-mail....

Source / Exemple : 


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test de formulaire</title>
<script language="JavaScript" type="text/JavaScript">
<!--
// ancienne version : 
// var mail = /^[a-zA-Z0-9]+[a-zA-Z0-9\.-_]+@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/;
var mail = /^[\w\-]+(\.[\w\-]+)*@[\w\-]+(\.[\w\-]+)*\.[\w\-]{2,}$/;

function estCeUnMail(champs) {
    reponse=mail.test(champs.value)
    if (reponse) {
		return true;
	}
    else {
		alert("Adresse mail INVALIDE !");
		return false;
	}
}

function testmail(champs) {
	reponse=estCeUnMail(champs);
	if (reponse) alert("Adresse mail valide");
}

function verifForm(formulaire) {
	ok=false;
	ok = estCeUnMail(formulaire.email);
	if (ok) {
		formulaire.submit();
		return true;
	}
	else {
		return false;
	}
}
//-->
</script>
</head>

<body>
<form action="page_ok.php" method="post" name="saisie" id="saisie">
  <p>
    <input name="email" type="text" id="email">
    <input name="test" type="button" onClick=testmail(this.form.email) value="test">
</p>
  <p>
    <input type="button" name="Submit" value="Envoyer" onClick=verifForm(this.form)>
</p>
</form>
</body>
</html>

Conclusion :


sans prétention, la prochaine fois je valide VRAIMENT cet e-mail en le testant... mais ça c'est du PHP... vu que c'est le serveur qui vérifie...

A voir également

Ajouter un commentaire Commentaires
ghizelane
Messages postés
1
Date d'inscription
lundi 7 novembre 2011
Statut
Membre
Dernière intervention
1 décembre 2011
1 déc. 2011 à 16:16
mercii bcp pour ce script la j'aime bien savoir si quoi le but de faire initialiser mail de ce manier
var mail = /^[\w\-]+(\.[\w\-]+)*@[\w\-]+(\.[\w\-]+)*\.[\w\-]{2,}$/;
si il ya un px d’explication ça sera mieux et merci pour votre effort
Tanaka56
Messages postés
124
Date d'inscription
samedi 8 avril 2006
Statut
Membre
Dernière intervention
29 janvier 2009
1 sept. 2006 à 10:30
Bonjour. Cela serait bien d'avoir a nouveau le focus sur le formulaire.
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Membre
Dernière intervention
30 juillet 2012
 41
11 avril 2006 à 22:09
Je l'avais lu dans un misc, alors selon moi, tout ce qui est dans misc est bon...
cs_webdusud
Messages postés
13
Date d'inscription
mardi 13 juillet 2004
Statut
Membre
Dernière intervention
21 juillet 2008
11 avril 2006 à 12:43
remercie coucou747, j'ai modifié l'expression régulière pour y ajouter en plus le "-", par contre en me renseignant je n'ai pas trouvé d'utilisation des 3 autres caractères indiqués dans les adresses email... Si tu sais où je peux trouver la norme correspondante, ce serait sympa...
Il suffit d'ajouter les caractères correspondants dans la dite expression de la variable "mail"
Merci encore
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Membre
Dernière intervention
30 juillet 2012
 41
10 avril 2006 à 19:01
la synthaxe d'une adresse mail n'est pas respectée....

{ et } doivent pouvoir être présents ainsi que + et -...
Afficher les 8 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.