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