Validation formulaire return false mais envoie
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:
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:
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> |
