Vérification d'un formulaire

Soyez le premier à donner votre avis sur cette source.

Snippet vu 45 962 fois - Téléchargée 28 fois

Contenu du snippet

Code pour pouvoir vérifier un formulaire. Normalement pas très diificile à mofifier mais si vous avez des pbs, envoiez moi un mail :) .......

Source / Exemple :


<html>

<head>
  <title>Vérification d'un formulaire avec objet document</title>
</head>

<body bgcolor=#eeeeee text=#555555 link=#0000ff vlink=#0000ff
 alink=#ff0000>

<p align=left>
<font size=2 face="arial,helvetica" color=#ff7700>
<b>Vérification d'un formulaire</b><br>
</font>

<p align=left>
<font size=2 face="arial,helvetica">

<br>

<form onsubmit="return(check(this));">

  <table border=0 cellspacing=0 cellspacing=2>

  <tr>
   <td><font size=2 face="arial,helvetica"><b>
    Nom:
   </b></font></td>
   <td><font size=2 face="arial,helvetica"><b>
    <input type=text name=Nom><br>
   </b></font></td>
  </tr>

  <tr>
   <td><font size=2 face="arial,helvetica"><b>
    Telephone:
   </b></font></td>
   <td><font size=2 face="arial,helvetica"><b>
    <input type=text name=Tel><br>
   </b></font></td>
  </tr>

  <tr>
   <td><font size=2 face="arial,helvetica"><b>
    E-Mail:
   </b></font></td>
   <td><font size=2 face="arial,helvetica"><b>
    <input type=text name=Mail><br>
   </b></font></td>
  </tr>

  <tr>
   <td></td>
   <td><font size=2 face="arial,helvetica"><b>
    <br>
    <input type=button value="Exemple"
     onClick="exemple(this.form); return true;">
    <input type=button value="Afficher"
     onClick="afficher(); return true;">
    <input type=submit value="Suite">
   </b></font></td>
  </tr>

  </table>

</form>

<script language="JavaScript"><!--

function exemple(f)
{
  // f désigne le formulaire concerné.
  // Il s'agit d'une table de tous les éléments du formulaire(zones de texte)

  f[0].value = "Emmanuelle Buidelle"
  f[1].value = "01-23-45-67-89"
  f[2].value = "emmanuelle.buidelle@net.fr"
}

function afficher()
{
  // Cette fonction affiche toutes les saisies du formulaire

  var mesg = '--- Formulaire ---\n';

  // La première boucle parcourt les formulaires
  for(var i = 0; i < document.forms.length; i++)
  {
    // La deuxième boucle parcourt les champs de formulaire
    for(var j = 0; j < document.forms[i].elements.length; j++)
    {
      // Les champs ne sont affichés, que s'ils sont de type text.
      if(document.forms[i].elements[j].type == 'text')
      {
        mesg += '\n';
        mesg += document.forms[i].elements[j].name + ': ';
        mesg += document.forms[i].elements[j].value + '\n';
      }
    }
  }

  // A la fin, mesg est affiché
  // La fonction alert est
  // décrite dans le chapitre 14
  alert(mesg);
}

function check(f)
{
  // Avant l'envoi du formulaire, plusieurs variables
  // doivent être vérifiées.
  // En cas d'erreur, l'utilisateur est averti
  // par un message.

  // D'abord, nous déterminons si une zone de texte est vide.

  if(f[0].value == '')
  {
    alert('Indiquez votre nom, SVP.');
    return(false);
  }

  if(f[1].value == '')
  {
    alert('Indiquez votre numéro de téléphone, SVP.');
    return(false);
  }

  if(f[2].value == '')
  {
    alert('Indiquez votre adresse E-Mail, SVP.');
    return(false);
  }
  // Puis nous vérifions si le numéro de téléphone
  // contient des caractères interdits. Une boucle for
  // vérifie individuellement chaque caractère.

  var s;
  for(var i = 0; i < f[1].value.length; i++)
  {

    // le caractuel est stocké dans s.
    s = f[1].value.charAt(i);

    // Caractères valides : espace, parenthèses, "/", "-" et "+".
    if( !((s >= 0) && (s <= 9))
     && (s != ' ') && (s != '-') && (s != '+')
     && (s != '/') && (s != '(') && (s != ')'))
    {
      alert('Le numéro de téléphone ne peut comporter que des chiffres, '
       + 'espaces, parentheses, "/", "-" et "+".');
      return(false);
    }
  }

  // Puis nous recherchons des espaces dans l'adresse e-mail
  // '-1' signifie qu'aucun espace n'a été trouvé.
  if(f[2].value.search(/ /) != '-1')
  {
    alert('Une adresse e-mail ne peut contenir un espace !');
    return(false);
  }

  // Pour finir, nous vérifions le format. 
  // Pour cela, nous fractionnons l'adresse en deux.
  // (avant et après le caractère"@"
  s = f[2].value.split(/@/);

  // Avec un seul caractère "@" il ne peut y avoir que deux parties.
  if((s.length != 2) || s[0] == '' || s[1] == '')
  {
    alert('Une adresse e-mail doit avoir le format "Utilisateur@Domain",\n'
     +'par ex.: "Emmanuelle.buidelle@net.fr"');
    return(false);
  }

  return(true);
}

//--></script>

</font>
</p>

</body>

</html>

Conclusion :


Voilà c tout bon !!

A voir également

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
jeudi 20 octobre 2011
Statut
Membre
Dernière intervention
20 octobre 2011

Merci!
Messages postés
16
Date d'inscription
mardi 7 mars 2006
Statut
Membre
Dernière intervention
4 septembre 2008

MERCI POUR CETTE SOURCE....

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.