tester un formulaire

**zied_m** · 02/03/2012, 20h41

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!???

**Bovino** · 02/03/2012, 21h03

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**olivieram** · 02/03/2012, 21h29

oui, la bonne instruction sur la première ligne est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById("nom").value

ensuite, "prénom" est un id inexistant, c'est "prenom" le bon id du champ.

tester un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager