Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3
Formulaires

  Validation d'une adresse e-mail

Fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de vérifier la présence d'une donnée de type 'adresse e-mail' dans un champ de formulaire de type texte.
  Principe
Le propre d'une adresse e-mail est d'être sur la forme suivante :
xxxxxxxxx@xxxxx.xxx

Nous allons donc vérifier que le texte saisi est bien constitué d'un texte standard d'au moins 3 caractères (le login), d'un arobace, d'un texte standard d'au moins 2 caractères (le domaine), d'un point puis encore d'un texte standard de 2 ou 3 caractères (l'extension).
  Le script
dans la partie <head>
<script language="JavaScript">
function verif_email() {

// on passe la donnée saisie par le visiteur en variable pour plus de facilités
adresse = document.formulaire.email.value;
taille = document.formulaire.email.value.length;

// on créé 3 variables pour valider au fur et à mesure le login, le domaine et l'extension qui constituent l'adresse e-mail
validelog = false;
validedom = false;
valideext = false;

// on extrait le 'login' qui se situe avant l'arobace
arob = adresse.lastIndexOf("@");
login = adresse.substring(0,arob);

// on extrait l'extension qui se situe à partir du dernier point
pointfinal = adresse.lastIndexOf(".");
extension = adresse.substring(pointfinal,taille);

// on extrait le domaine qui se trouve entre l'arobace et le dernier point
domaine = adresse.substring(arob+1,pointfinal);


// un login a toujours plus de 2 caractères, on fait le test
if ( login.length > 2 ) {
validelog = true;
}
else {
alert('Ceci n\'est pas une adresse e-mail.\nUne adresse e-mail comporte un arobace precede d\'un login \'convenable\'.');
validelog = false;
}

// un domaine a toujours plus de 1 caractère, on fait le test
if ( domaine.length > 1 ) {
validedom = true;
}
else {
alert('Ceci n\'est pas une adresse e-mail.\nLe nom de domaine n\'existe pas.');
validelog = false;
}

// une extension a toujours 2 ou 3 caractères, on fait le test
if ( pointfinal > -1 && (extension.length == 3 || extension.length == 4) ) {
valideext = true;
}
else {
alert('Ceci n\'est pas une adresse e-mail valide.\nL\'extension n\'est pas bonne.');
valideext = false;
}

// on vérifie que nos trois variables sont vraies pour accepter la soumission du formulaire
if ( validelog == true && validedom == true && valideext == true ) {
return true;
}
else {
return false;
}
}
</script>

dans la partie <body>
<form name="formulaire" onsubmit="return verif_email()">
<input type="text" name="email" size="25">
<input type="submit" value="envoyer">
</form>
  Démonstration

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
    		•
    Script intégré :
    form_valid_email.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    form_valid_email2.zip
    2 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter