Empecher envoi formulaire si y a erreur (formulaire simple)
Bonjour à tous!
Je reviens avec un nouveau pbm :D!
Enfait j'ai un formulaire dont je veux verifier les informations dans un premier temps en javascript avant de l'envoyer au serveur. Pour le moment je peux faire soit l'un soit l'autre, mais pas les deux : je peux soit verifier les informaton saisies en javascript mais en mettant un
Code:
<form id="form_login" method="post" action="index.php?page=login" onsubmit="return false">
dans le formulaire pour empecher l'envoi, sinon quand je l'enleve, mon javascript ne se déclenche pas, et au mieux il se déclenche en affichant les erreurs mais il envoi quand meme la page au serveur (le action="maPage.html" est pris en compte).
J'utilise 2 fichiers séparé, un javascript et un html.
HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>[ Connexion ]</title>
<script src="controleLogin.js" type="text/javascript"></script>
<body>
<form id="form_login" method="post" action="index.php?page=login" onsubmit="return false">
<label for="login">Login</label><br/><input id="login" type="text" name="login" /><br/><br/>
<label for="mdp">Mot de passe</label><br/><input id="mdp" type="password" name="mdp" /><br/><br/>
<input type="submit" value="Connexion" id="bouton" />
<input type="hidden" name="validation" />
</form>
</form>
</body>
</html> |
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
37
38
39
40
41
42
43
44
45
46
| function manipDom()
{
var formulaire = document.getElementById("form_login");
formulaire.addEventListener('submit',verif,'false');
}
function verif()
{
var formulaire = document.getElementById("form_login");
var erreur="";
//Login
var regLogin=new RegExp("^[a-zA-Z0-9]{4,12}$","g");
var login=document.getElementById("login").value;
if (!regLogin.test(login))
{
erreur=erreur+'Format du login non valide\n';
}
//Mot de passe
var regPass=new RegExp("^[a-zA-Z0-9]{6,12}$","g");
var pass=document.getElementById("mdp").value;
if (!regPass.test(pass))
{
erreur=erreur+'Format du mot de passe non valide\n';
}
if(erreur !="")
{
alert(erreur);
}
else
{
//window.open('index.php?page=inscription');
//document.location.href="index.php?page=inscription" ;
return true;
}
}
window.addEventListener('load',manipDom,'false'); |
