onsubmit pour tester si champs formulaire vides

**Xeuch** · 25/02/2013, 17h41

Bonjour,

j'ai fais un simple formulaire permettant de saisir un nom ( que j'appelle nom de domaine)

Pour tester si la valeur du formulaire est vide ou pas j'utilise onsubmit de la balise <form>. Cependant même quand je ne rentre rien le formulaire est envoyé : pas de message indiquant à l'utilisateur que le champs n'a pas été rempli.
Je ne sais pas ce qui ne va pas avec mon code .

le voici :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!doctype html>
<html>
<head> 
<title>creationDomaine</title> 
</head> 
	<body> 
		<h2>Remplissage formulaire creation domaine</h2> 
			<form id="formSaisie" method="post" action="actionDomaine.php" onsubmit="return valider();">
			<table>
				<tr>
					<td>nom de domaine : <input type="text" name="nomDomaine" /></td>
					<td><input type="submit" value="valider" name="valider"></td>
				</tr>
			</table>
			</form>
 
			<SCRIPT LANGUAGE="JAVASCRIPT">
			<!--
 
				function valider(){
				// si la valeur du champ domaine est non vide
				if(document.forms['formSaisie'].elements['nomDomaine'].value != "") {
 
				// envoyer le formulaire    
				return true;
				}
 
				else {
				// sinon on affiche un message d'alerte
				alert("Veuillez saisir le nom de domaine svp");
 
				// Ne pas envoyer envoyer le formulaire
				return false;
				}
				}
			-->
 
 
 
</body> 
</html>

j'ai même essayer de placer le code JavaScript dans un autre fichier et de l'appeler avec

Code :

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

1
2
<SCRIPT type="text/javascript" src="MonDocument.js">
</SCRIPT>

mais rien (quoi que je ne sais pas s'il faudrait dans ce cas spécifier le chemin de la fonction valider ou pas

)

Pourriez vous me dire pourquoi ça ne marche pas.

Merci d'avance pour votre aide.

**Bovino** · 25/02/2013, 17h47

document.forms['formSaisie'] recherche le formulaire dont l'attribut name vaut "formSaisie". Dans ton cas, il n'y en a pas !
Ceci dit, puisque tu donnes un id a ton formulaire, il serait préférable d'utiliser getElementById()...

**Xeuch** · 25/02/2013, 17h57

Merci de votre aide

je l'ai utilisé comme ça maintenant

Code :

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

1
2
3
4
if(getElementById()['nomDomaine'].value != ""){
	// envoyer le formulaire    
	return true;
}

Mais ça ne marche toujours pas.
Est ce que c'est comme ça qu'il faut que je l'écrive ?

Merci d'avance

**Bovino** · 25/02/2013, 18h05

Je t'ai indiqué le nom de la méthode à utiliser afin que tu te renseignes sur la façon de l'utiliser... En l'occurrence, ce que tu as écris ne correspond à rien !