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
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
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); }
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>
Partager