Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

VÉRIFICATION D'UN FORMULAIRE


Information sur la source

Catégorie :Formulaire Niveau : Débutant Date de création : 25/07/2001 Vu : 33 723

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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

Commentaires et avis

signaler à un administrateur
Commentaire de Moumoud le 21/10/2006 18:09:04

MERCI POUR CETTE SOURCE....

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,16 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.