Vérificateur de formulaire

Bonjour,

j'ai un code qui vérifie le formulaire c'est peut être bête mais je voudrai juste le bouton afficher de plus, normalement un page alert javascript devrai apparaître !
le tout (donc le javascript en question ) accorder avec mon formulaire déjé présent

le code qui vérifie le formulaire : :

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

et le code formulaire déjà présent auquel je veut rajouter ce bouton "Afficher" :

<!-- pour nous contacter -->
<h1>Pour nous joindre:</h1> <img src="icone_txt.gif" height="45" width="45">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>club Salon</title>
</head>

<body>

<br/>
<FORM method="post" action="essaie.php" ><left>

<p><label for="nom"><b>Nom<b><span class="Style3">*</span> :</label><input id="nom" name="nom" type="text" /><br /></p>

<p><label for="prenom"><b>Prenom<b><span class="Style3">*</span> :</label><input id="prenom" name="prenom" type="text" /><br /></p>

<p>-------------------------------------------</p>
<p><label for="mail"><b>Adresse mail<b><span class="Style3">*</span> :</label><input id="mail" name="mail" type="text" /><br /></p>
</p>
<p>-------------------------------------------</p>

<p><label for="nom"><b>adresse<b><span class="Style3">*</span> :</label><input id="adresse" name="adresse" type="text" /><br /></p>
</strong>
</p>
<p><label for="nom"><b>Ville/Province<b><span class="Style3">*</span> :</label><input id="ville" name="ville" type="text" /><br />
</p>
</p>
<p><label for="nom"><b>Departement francais<b><span class="Style3">*</span> :</label></strong><select name="departements" onClick="document.formulaire.codepostal.value=document.formulaire.departements.value;">
<option value="0"></option>
<option value="01">01 - Ain</option>
<option value="02">02 - Aisne</option>
<option value="03">03 - Allier</option>
<option value="04">04 - Alpes-de-Haute-Provence</option>
<option value="05">05 - Hautes-Alpes</option>
<option value="06">06 - Alpes-Maritimes</option>
<option value="07">07 - Ardeche</option>
<option value="08">08 - Ardennes</option>
<option value="09">09 - Ariege</option>
<option value="10">10 - Aube</option>
<option value="11">11 - Aude</option>
<option value="12">12 - Aveyron</option>
<option value="13">13 - Bouches-du-Rhone</option>
<option value="14">14 - Calvados</option>
<option value="15">15 - Cantal</option>
<option value="16">16 - Charente</option>
<option value="17">17 - Charente-Maritime</option>
<option value="18">18 - Cher</option>
<option value="19">19 - Correze</option>
<option value="2A">2A - Corse-du-Sud</option>
<option value="2B">2B - Haute-Corse</option>
<option value="21">21 - Cote-d'Or</option>
<option value="22">22 - Cotes-d'Armor</option>
<option value="23">23 - Creuse</option>
<option value="24">24 - Dordogne</option>
<option value="25">25 - Doubs</option>
<option value="26">26 - Drome</option>
<option value="27">27 - Eure</option>
<option value="28">28 - Eure-et-Loir</option>
<option value="29">29 - Finistere</option>
<option value="30">30 - Gard</option>
<option value="31">31 - Haute-Garonne</option>
<option value="32">32 - Gers</option>
<option value="33">33 - Gironde</option>
<option value="34">34 - Herault</option>
<option value="35">35 - Ille-et-Vilaine</option>
<option value="36">36 - Indre</option>
<option value="37">37 - Indre-et-Loire</option>
<option value="38">38 - Isere</option>
<option value="39">39 - Jura</option>
<option value="40">40 - Landes</option>
<option value="41">41 - Loir-et-Cher</option>
<option value="42">42 - Loire</option>
<option value="43">43 - Haute-Loire</option>
<option value="44">44 - Loire-Atlantique</option>
<option value="45">45 - Loiret</option>
<option value="46">46 - Lot</option>
<option value="47">47 - Lot-et-Garonne</option>
<option value="48">48 - Lozere</option>
<option value="49">49 - Maine-et-Loire</option>
<option value="50">50 - Manche</option>
<option value="51">51 - Marne</option>
<option value="52">52 - Haute-Marne</option>
<option value="53">53 - Mayenne</option>
<option value="54">54 - Meurthe-et-Moselle</option>
<option value="55">55 - Meuse</option>
<option value="56">56 - Morbihan</option>
<option value="57">57 - Moselle</option>
<option value="58">58 - Nievre</option>
<option value="59">59 - Nord</option>
<option value="60">60 - Oise</option>
<option value="61">61 - Orne</option>
<option value="62">62 - Pas-de-Calais</option>
<option value="63">63 - Puy-de-Dome</option>
<option value="64">64 - Pyrenees-Atlantiques</option>
<option value="35">65 - Hautes-Pyrenees</option>
<option value="66">66 - Pyrenees-Orientales</option>
<option value="67">67 - Bas-Rhin</option>
<option value="68">68 - Haut-Rhin</option>
<option value="69">69 - Rhone</option>
<option value="70">70 - Haute-Saone</option>
<option value="71">71 - Saone-et-Loire</option>
<option value="72">72 - Sarthe</option><
<option value="73">73 - Savoie</option>
<option value="74">74 - Haute-Savoie</option>
<option value="75">75 - Paris</option>
<option value="76">76 - Seine-Maritime</option>
<option value="77">77 - Seine-et-Marne</option>
<option value="78">78 - Yvelines</option>
<option value="79">79 - Deux-Sevres</option>
<option value="80">80 - Somme</option>
<option value="81">81 - Tarn</option>
<option value="82">82 - Tarn-et-Garonne</option>
<option value="83">83 - Var</option>
<option value="84">84 - Vaucluse</option>
<option value="85">85 - Vendee</option>
<option value="86">86 - Vienne</option>
<option value="87">87 - Haute-Vienne</option>
<option value="88">88 - Vosges</option>
<option value="89">89 - Yonne</option>
<option value="90">90 - Territoire de Belfort</option>
<option value="91">91 - Essonne</option>
<option value="92">92 - Hauts-de-Seine</option>
<option value="93">93 - Seine-Saint-Denis</option>
<option value="94">94 - Val-de-Marne</option>
<option value="95">95 - Val-d'Oise</option>
<option value="971">971 - Guadeloupe</option>
<option value="972">972 - Martinique</option>
<option value="973">973 - Guyane</option>
<option value="974">974 - Reunion</option>
<option value="975">975 - Saint-Pierre-et-Miquelon</option>
<option value="984">984 - Terres-australes-et-antarctiques-francaises</option>
<option value="985">985 - Mayotte</option>
<option value="986">986 - Wallis-et-Futuna</option>
<option value="987">987 - Polynesie-francaise</option>
<option value="988">988 - Nouvelle-Caledonie</option>
</select>
<p><label for="nom"><b>Code Postal<b><span class="Style3">*</span> :</label><input id="code postal" name="code postal" type="text" /><br /></p>

<br/>
<b>Sexe : <b><span class="Style3">*</span> Homme <INPUT type=radio name="sexe" value="M">
<span class="Style3">*</span> Femme <INPUT type=radio name="sexe" value="F">

<p><label for="nom"><b>Site web : <b></label></strong><input type="text" style="width:200 ;" name="f_5" value="http://" size="24" border="0">

<br/>
<br/><u>Tapez vos commentaires ici:<u><br/><br/>
<textarea name="comm" rows=10 cols=40>Bonjours,

</textarea>
<a id="champ" onClick="champsobl()"><p><span class="Style3">*</span></strong>Champs qui doivent etre obligatoirement remplies</p></a>

<INPUT type="submit" value="Envoyer" id="submit" onClick="envoie(this.form)">
<input name="r?tablir" type="reset" id="r?tablir" value="Rétablir">

j'espère que vous m'avez compris , que vous voyer ou je veut en venir !!!!!

merci !



--

quand c'est résolu ,merci de le signifier et d'expliquer grâce a quoi cela l'a été (voir 1er message)

>> Un +1 a coté d'une réponse qui vous a été utile peut permettre d'aider les autres...

svp répondez vite !