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.