Discussion :

[kesm0]

Bonjour a tous.

Voila, mon probleme est le suivant,
je souhaiterais verifier les champs de mon formulaire en javascript.

Les champs doivent etre checker apres avoir clicker sur le boutton "submit".

Donc mes fonctions s'appliquent sur chaque au moment on l'ont valide le formulaire.

Mon probleme est que le formulaire est envoyé meme si des erreurs apparaissent dans certains champs.

mon formulaire ressemble a ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<form action="?page=inscription" method="post" >
<span id=error></span>		
	<FIELDSET align="center" style="padding:10px;"> 
    	<LEGEND>Authentification</LEGEND> 
		<label for="login">Login : </label>
		<input type="text" name="login" id="login" class="textinput" onChange="loginCheck()">			
		<div id="loginbox"></div>
 
<input type="submit" name="infos" value="Envoyer" class="buttonSubmit" onclick="loginCheck()">
</form>

[Oscar Hiboux]

Salut,

Ton input est de type "submit" donc c'est normal que ça soumette le formulaire sans aucun détour. Utilise plutôt un input de type "button", ça devrait aller mieux !

[xufux]

remplace

Code :

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

onclick="loginCheck()"

par

Code :

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

onclick="return loginCheck()"

il faut que ta fonction loginCheck() retourne true ou false


la vérification js coté client qui bloque l'envoi du formulaire ne doit pas se substituer à la vérification de la validité des données coté serveur !
(cas où js est désactivé sur le poste client, cas d'un utilisateur mal intentionné qui passe outre le js pour attaquer ton site par exemple)