Controle formulaire avec Javascript

Résolu/Fermé
Gaelle - 24 févr. 2012 à 07:35
le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 - 24 févr. 2012 à 11:21
Bonjour,

Je souhaite effectuer un controle des champs de mon formulaire via Javascript. Qd je regarde mon cours c parfait et pour leur exemple ça marche.
Je recopie en changeant juste les noms et ça ne marche pas pr moi :-(
Voici mon code :

<html>
<head>
<title> Contact </title>
<script language="javascript">
function controleformulaire()
{
if(document.contact.nom.value == "")
{
alert("Veuillez entrer votre nom!");
document.contact.nom.focus();
return false;
}
if(document.contact.prenom.value == "")
{
alert("Veuillez entrer votre prénom!");
document.contact.prenom.focus();
return false;
}
if(document.contact.mail.value == "")
{
alert("Veuillez entrer votre mail!");
document.contact.mail.focus();
return false;
}
if(document.contact.mail.value.indexOf('@') == -1)
{
alert("Ce n'est pas une adresse électronique!");
document.contact.mail.focus();
return false;
}
if(document.contact.sujet.value == "")
{
alert("Veuillez entrer le sujet de votre message!");
document.contact.sujet.focus();
return false;
}
if(document.contact.message.value == "")
{
alert("Veuillez entrer votre message!");
document.contact.message.focus();
return false;
}
}
</script>
</head>
<body bgcolor="black">
<font face="georgia">
<table width="100%">
<tr align="center">
<td align="center">
<a href="./index.html"> <img src="./photos/banderole1.png" border="0" alt="In Tour" width="100%"> </a>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td width="14%"> </td>
<td width="72%" bgcolor="7fd13b"> <h3> Contact </h3> </td>
<td width="14%"> </td>
</tr>
<tr>
<td align="center" valign="top">
<p> <a href="./index.html"> <img src="./photos/icones/icone_accueil1.png" alt="Accueil" border="0" onmouseover="this.src='./photos/icones/icone_accueil2.png';" onmouseout="this.src='./photos/icones/icone_accueil1.png';"> </a>
</p>
<p> <a href="./destinations.html"> <img src="./photos/icones/icone_dest1.png" alt="Destinations" border="0"onmouseover="this.src='./photos/icones/icone_dest2.png';" onmouseout="this.src='./photos/icones/icone_dest1.png';"> </a>
</p>
<p> <a href="./references.html"> <img src="./photos/icones/icone_ref1.png" alt="Références" border="0"onmouseover="this.src='./photos/icones/icone_ref2.png';" onmouseout="this.src='./photos/icones/icone_ref1.png';"> </a>
</p>
<p> <a href="./contact.html"> <img src="./photos/icones/icone_contact1.png" alt="Contact" border="0"onmouseover="this.src='./photos/icones/icone_contact2.png';" onmouseout="this.src='./photos/icones/icone_contact1.png';"> </a>
</p>
</td>
<td bgcolor="7fd13b" width="44%" valign="top">
<p> Vous souhaitez des informations complèmentaires ? Merci de bien vouloir remplir ce formulaire.</p>
<form name="contact" method="post" action="enregistrement2.php" onSubmit="return controleFormulaire()">
<table>
<tr>
<td > Nom : </td>
<td> <input type="text" name="nom" size="90"> </td>
</tr>
<tr>
<td> Prénom : </td>
<td> <input type="text" name="prenom" size="90"> </td>
</tr>
<tr>
<td> Mail : </td>
<td> <input type="text" name="mail" size="90"> </td>
</tr>
<tr>
<td> Sujet : </td>
<td> <input type="text" name="sujet" size="90"> </td>
</tr>
<tr>
<td> Message : </td>
<td> <input type="textarea" name="message" cols="80" rows="90"> </td>
</tr>
<tr>
<td> <input type="submit" name="envoyer" value="Envoyer"> </td>
</tr>
</table>
</form>
<td valign="top">
</td>
</tr>
<tr>
<td width="14%"> </td>
<td width="72%" bgcolor="7fd13b" align="center"> <i> Copyright In tour 2012 </i> </td>
<td width="14%"> </td>
</tr>
</table>
</font>
</body>
</html>

Si qq un peut m'aider s'il vous plait !!!!




A voir également:

1 réponse

le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 239
24 févr. 2012 à 09:16
Dans ton OnSubmlit tu appeles la fonction controleFormulaire(), or dans ton JS la fonction s'appelle controleformulaire().

Si tu utilise Firefox ou Chrome instal le plugin "Firebug" très utiles pour te dire ce qui ne va pas sur ta page.
0
Merci bien !!! J'suis débutante et j'ai bo regardé ms pas encore l'oeil aguerri !!!
0
le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 239
24 févr. 2012 à 11:21
Des coups comme ça tu en verras d'autre. C'est une des premières choses que tu regarderas une fois que tu auras l'habitude de programmer.
0