Controle formulaire avec Javascript
Résolu
Gaelle
-
le_joker_fou Messages postés 765 Date d'inscription Statut Membre Dernière intervention -
le_joker_fou Messages postés 765 Date d'inscription Statut Membre Dernière intervention -
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 !!!!
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:
- Controle formulaire avec Javascript
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Fan controle - Télécharger - Optimisation
- Telecharger javascript - Télécharger - Langages
1 réponse
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.
Si tu utilise Firefox ou Chrome instal le plugin "Firebug" très utiles pour te dire ce qui ne va pas sur ta page.
Gaelle
Merci bien !!! J'suis débutante et j'ai bo regardé ms pas encore l'oeil aguerri !!!
le_joker_fou
Messages postés
765
Date d'inscription
Statut
Membre
Dernière intervention
239
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.
