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">			
		<div id="loginbox"></div>
 
<input type="submit" name="infos" value="Envoyer" class="buttonSubmit" onclick="loginCheck()">
</form>

p.s: Je pense que cela viens de "type=submit" mais en mettant "type=button" forcément plus rien ne se passe meme si les conditions sont bien remplies

Je voulais donc savoir si quelqu'un aurai une idée pour corriger mon probleme, ou bien me proposer une autre solution plus simple a realiser.

Merci d'avance.

[Invité]

Bonjour,

Il faut que ta fonction loginCheck() renvoie true si ok ou false si pas ok.

A+

PS: j'éviterais le onchange sur le input, la validation se fera sur le submit

[kesm0]

je vous donne ma fonction javascript

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function loginCheck(){
	var login = document.getElementById('login').value;
 
	if (login == "") { // si champ comment vide 
		document.getElementById('login').focus(); // focus dans le champ 
		document.getElementById('login').style.border = '1px solid #D41919';
		document.getElementById('loginbox').innerHTML = '<img src="Fichiers/Images_admin/no.gif" alt="" \/>';
		writediv('<div align="center" style="color:#cc0000 ; border: 1px solid red; background-color:#f2d6de; padding:2px;">Vous devez choisir un login</div>');
 
	}
}

[Bovino]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function loginCheck(){
	var login = document.getElementById('login').value;
 
	if (login == "") { // si champ comment vide 
		document.getElementById('login').focus(); // focus dans le champ 
		document.getElementById('login').style.border = '1px solid #D41919';
		document.getElementById('loginbox').innerHTML = '<img src="Fichiers/Images_admin/no.gif" alt="" \/>';
		writediv('<div align="center" style="color:#cc0000 ; border: 1px solid red; background-color:#f2d6de; padding:2px;">Vous devez choisir un login</div>');
		return false;
 
	}
else{return true}
}

et

Code :

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

<input type="submit" name="infos" value="Envoyer" class="buttonSubmit" onclick="return loginCheck()">

[kesm0]

Merci beaucoup.