CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 02 14 04:42:35

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Code

Formulaire

> VÉRIFICATION D'UN FORMULAIRE

VÉRIFICATION D'UN FORMULAIRE

Information sur la source

Note :

8,82 / 10

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

Auteur : pi0up51

Ecrire un message privé

Site perso

Commentaire sur cette source (2)

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

Toutes les sources de pi0up51

Sources de la même categorie

BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai

RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol

PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim

GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom

RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Toutes les sources de la catégorie Formulaire

Commentaires et avis

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

MERCI POUR CETTE SOURCE....

Commentaire de dimitribarras le 20/10/2011 14:55:15

Merci!

Ajouter un commentaire

Nos sponsors

Derniers Blogs

XNA IS DEAD! par richardc

TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice

[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio

TECHDAYS PARIS 2012 : CHUCK MORRIS N'A PAS PEUR DES MALWARES, CE SONT LES MALWARES QUI ONT PEUR DE CHUCK MORRIS par ROMELARD Fabrice

[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz

Forum

RE : MENU VERTICAL DéROULANT par lordmacrage

RE : REMPLACER UN SOUS CHAINE DANS UNE AUTRE par Renfield

REMPLACER UN SOUS CHAINE DANS UNE AUTRE par stealon

GOOGLE MAP PB ZINDEX MARKER par philou8

RE : AIDE SUR UN SCRIPT?? par NHenry

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

URGENT - Realisation d-un flux standard XML -NewsML- CAHIER DES CHARGES DISPONIBLE
Budget : 400€
Creation de newsletter sur une page Facebook
Budget : 400€
fichier d-export de site OS commerce ver plateforme logistique-CDC disponible
Budget : 1 200€

Logiciels

DocTranslate (V3.1.0.0)
DOCTRANSLATE (V3.1.0.0)

DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom...

Cliquez pour télécharger DocTranslate
Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System