Bonjour,

J'ai un formulaire que je ne veux pas envoyer si les champs sont vide.

Le probleme c'est que mes fonctions javascript renvoie false mais le formulaire est envoyé quand même.

J'ai du faire un erreure quelque part, Mais ou?
Si quelqu'un peut m'aider merci.

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
// JavaScript Document
function inputTextVide(input,nom,div){
   if(document.getElementById(input).value == ""){
      document.getElementById(div).innerHTML += 'Vous devez renseigner le champ "' + nom + '"<br />'; 
      return(false);
   }
   else{
      return(true);
   }
}
 
 
function alertInputTextVide(input,nom){
   if(document.getElementById(input).value == ""){
      alert('Vous devez renseigner le champ "' + description + '".');
      return(false);
   }
   else{
      return(true);
   }
}
 
 
function validationConnection(){
	var erreur = false;
	var temp = false;
    temp = inputTextVide('login','login','loginErreur');
	if(!erreur)
		erreur = temp;
	temp = inputTextVide('password','password','loginErreur');
	if(!erreur)
		erreur = temp;
	alert(erreur);
	return(!erreur);	
}
html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<div id="loginConteneur">
	<form action="controlLogin.jsp" onSubmit="return validationConnection()" method="post" >
	<h1>Connexion Suivi d'appel</h1>
	<div id="loginErreur" class="erreur"></div>
	<div id="loginLeft">login</div>
	<div id="loginRight"><input type="text" id="login" name="login" class="inputText" /></div>
	<div id="loginLeft">password</div>
	<div id="loginRight"><input type="password" id="password" name="password" class="inputText" /></div>
	<div id="loginSubmit"><input type="submit" id="valider" name="valider" value="valider" /></div>
	</form>
</div>