Controle formulaire avec Javascript

Résolu/Fermé

Gaelle - 24 févr. 2012 à 07:35
le_joker_fou Messages postés 765 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:

Controle formulaire avec Javascript
Formulaire de réclamation facebook - Guide
Telecharger javascript - Télécharger - Langages
Controle parental pc - Guide
Formulaire de reclamation instagram - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum PHP

1 réponse

Réponse 1 / 1

le_joker_fou Messages postés 765 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.

Gaelle
24 févr. 2012 à 09:49

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

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Bonjour,

Je vous montre la photo imprimé (fait avec le clavier sur la touche (imprim ecran) que j'ai créé 'formulaire en VBA' avec excel 2019 que j'ai nommé

voici le code :

Private Sub CommandButton_AjoutJoueur_Click()
'**************************************
'***** Enregistrement des donnees *****
'**************************************

'**** Civilité *****
ComboBoxCivilite.ColumnCount = 1
ComboBoxCivilite.List = Array("Mr", "Mme", "Melle")

'Nom du Joueur
Cells(1, 2).Value = TextBox_NomJoueur

'Prenom du joueur
Cells(1, 3).Value = TextBox_PrenomJoueur

'Adresse
Cells(1, 4).Va...

Javascript Arrondi à 2 chiffres après la virgule

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

Je n'arrive plus à récuperer mon compte Outlook

Bonjour,

ça vas faire maintenant 4 Jours que j'essaye de récuperer mon compte Outlook en remplissant correctement le formulaire de récupération, mais Microsoft m'envois chier à chaque fois, alors que j'inscris des informations cohérent aux comptes, que j'ai déjà utiliser pour récuperer mon compte Outlook, il est normalement associer à mon compte Gmail, mais l'un ne peut pas rattraper l'autre aucun d'entre eux ne saurait récuperer mon compte avec un formulaire et une question secrète que je suis sensé connaitre, là je suis à bout je ne sais plus quoi faire et je ne sais pas comment contacter leurs ingénieurs pour régler mon problème, si ça peut faire avancer les choses, j'ai pu...

Google Chrome : "Nouvel envoi du formulaire"

Bonjour,

Sur Google Chrome, quand je fais une recherche (sur un site quelconque), que je clique sur un résultat et que je fais "Précédent" par la suite, j'ai ce message "Nouvel envoi du formulaire" dans lequel je dois cliquer sur "Actualiser" puis faire "Continuer".
Est-ce qu'il y a moyen de faire tout ça automatiquement et d'enlever ce message récurant qui, il faut le dire, devient agaçant à la fin ?

Merci d'avance,

beredezebe

Contact LEBONCOIN

Bonjour à tous.

Je n'arrive plus à finaliser mon annonce déposée sur LEBONCOIN après plusieurs essais et plusieurs jours.

J'aimerais les contacter directement pour qu'ils m'expliquent le problème, alors si quelqu'un a l'habitude d'utiliser ce site et qui pourrait me nommer le contact car il n'y a pas de téléphone, ce serait vraiment très aimable.

J'ai Windows 10 et j'utilise le navigateur fourni avec 'EDGE'.

Merci à vous.