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