begin process at 2010 03 20 22:58:40
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > VÉRIFICATION D'UN FORMULAIRE

VÉRIFICATION D'UN FORMULAIRE


 Information sur la source

Note :
8,82 / 10 - par 11 personnes
8,82 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :25/07/2001 Vu :38 424

Auteur : pi0up51

Ecrire un message privé
Site perso
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

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

Source

  • <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>
<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 !!


 Sources du même auteur

EVENT HANDLER (INFO-AIDE FORMULAIRE + QQS FONCTIONS)
FRACTALE MANDLEBROT (GÉNÉRER EN JS AVEC BOUCLE FOR..)
POPUP QUI AFFICHE LE TEMPS DE CONNECTION SUR UNE PAGE ;)
INFOBULLE SOUS IE ET/OU NETSCAPE
DESSINER UN HISTOGRAMME (DYNAMIQUEMENT ! :)

 Sources de la même categorie

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome

Commentaires et avis

Commentaire de Moumoud le 21/10/2006 18:09:04

MERCI POUR CETTE SOURCE....

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,577 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales