tester un formulaire

Version imprimable

salut ,j'ai crée un formulaire en HTML (qui contient 3 input de type texte,2 de type textarea et 2 boutons valider et annuler)
le clique sur valider,permet un code javascript de tester si les champs sont vides ou non
voilà mon code que j'ai écrit :
page HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
<head>
<title> Formulaire de Contact</title>
<meta content="text/html" charset="utf-8" http-equiv="content-type" </meta>
<script type="text/Javascript" src="E:\Exercice\js\script.js"></script>
<link rel="stylesheet" href="E:\exercice\css\style.css"></link>
</head>
<body>
<div id="contact">
<form name="f" action="contact.jsp" method="post">
<p><label for ="nom">Nom *</label>
<input type="text" name="nom" id="nom"></p>
<p><label for ="Prénom">Prénom *</label>
<input type="text" name="Prénom" id="Prénom"></p>
<p><label for ="e-mail">e-mail*</label>
<input type="text" name="e-mail" id="e-mail"></p>
<p><label for ="adresse">Adresse </label>
<textarea name="Adresse" id="adresse">
</textarea> </p>
<p><label for="Message">Message *</label>
<textarea name="Message" id="Message"></textarea></p>
<p><input type ="Button" value="valider" name="valide" ></p>
<p><input type="reset" value="Annuler" name="annule"></p>
</form>
</div>
</body>
</html>

la page javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script language ="javascript">
{
if(document.f.getelementByid("nom").value=="")
{alert("entrer un nom valide!!!");
;}
if(document.f.getelementByid("prenom").value=="")
{alert("entrer un prenom svp !!!!");
;}
if(document.f.getelementByid("e-mail").value=="")
{alert("ton mail svp !!!!");
 ;}
if(document.f.getelementByid("Message").value=="")
{alert("Le Message est obligatoire !!! ");
;}
}
</script>

mais le probléme que les tests sur les champs ne marche !! c'est quoi l'erreur !!??? :D

02/03/2012, 21h03
Bovino

Citation:

c'est quoi l'erreur !!???

S'il n'y en avait qu'une... :(
Bon sincèrement, ça risque de pas te plaire, mais ce que tu as fait, c'est n'importe quoi... Tu ferais mieux de commencer par les bases !

Ton fichier JavaScript (je suppose que le code donné correspond à script.js) ne devrait pas comporter de balise <script> puisque c'est un fichier externe.
Ensuite, au moment où ton script est interprété, aucun des éléments que tu testes ne sont présents dans la page, alors je vois mal comment ça pourrait fonctionner.
Ceci dit, même si les éléments existaient, le code est interprété à la création de la page, il serait donc miraculeux que l'utilisateur ai eu le temps de remplir le formulaire !
Il faut utiliser des fonctions et appeler celles-ci au bon moment : voir les événements.
Enfin, la syntaxe doit être rigoureuse.

Code:

if(document.f.getelementByid("nom").value=="")

JavaScript est sensible à la casse, donc getElementById n'est pas la même chose que getelementbyid et de toute façon, cette méthode n'existe que pour l'objet document...

Bref, tu as raté des étapes essentielles !
02/03/2012, 21h29
olivieram

et le prénom ?
oui, la bonne instruction sur la première ligne est :
Code:

1 2 document.getElementById("nom").value
ensuite, "prénom" est un id inexistant, c'est "prenom" le bon id du champ.