Vérificateur de formulaire

Résolu/Fermé
Utilisateur anonyme - 23 janv. 2011 à 13:35
 Utilisateur anonyme - 23 janv. 2011 à 15:57
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 !




1 réponse

Utilisateur anonyme
23 janv. 2011 à 15:57
j'espère que je me suis bien exprimer :8
0