Discussion :

[ccsuperstar]

Bonjour à tous,

Je cherche à mettre en place une validation en javascript de mon formulaire. J'ai trouvé sur un site un code qui valide tout ça, en affichant les erreurs.
LE seul problème est que le script était paramétré avec un return false en fin de fonction, ce qui empeche la soumission du formulaire.
Masi si je supprime ce return false; le formualire est envoyé même si la validation n'est pas faite.

Je vous mets le morceau de code javascript, si vous pouvez détecter où se trouve l'errreur.

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 $(document).ready(function() {		/* gestion du focus	/ blur */	  
	$(":input[@type!='submit']").focus(function ()	{
		$(this).removeClass();
		$(this).addClass("focus");
		$(this).parent().find(".exemple").css({display:"block"});
	});
 
	$(":input[@type!='submit']").blur(function	() {
		$(this).removeClass();
		$(this).addClass("normal");
		$(this).parent().find(".exemple").css({display:"none"});	 
	}); 
 
 /*effet alerte*/	  
	function alerte(e)	{
		$(e).animate({
			fontSize:"1.2em"
			}, 500,	function(){
			$(e).animate({
			fontSize:"1em"
			}, 500);
		});
		$(e).find(":input").removeClass(); $(e).find(":input").addClass("erreur");		  
		$(e).find(".exemple").css({display:"block"});	   
	}
 
 /*	contrôle global	*/	   
 $("form").submit(function(){	  
	var re1=	/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;	/*expr regul pour l'email */	 
	var re2 = /^[-]?\d*\.?\d*$/;	/*expr regul pour les chiffres*/
	var re3 = /\b.{5}\b/; /*expr	regul 5	caractères*/
 
		$(":input").each(function(){			  
		 var valeur	= $(this).val(); /*	valeur saisie par l'utilisateur	*/
		 var nom = $(this).attr("name"); /*nom du champ	*/
		 var label = "l_"+nom; /* id du	label */
		 var p = $("#"+label+"").parent();			  
		 $(this).parent().find(".exemple").css({display:"none"});			 
		 if(valeur==''){ /*	si c'est vide c'est	pas	bon	*/
			alerte(p);			  
			return false;
		 } 
 
		 if(nom	=='eMail') { /*	teste le format	 */				 
		   if(!valeur.match(re1)) {
			 alerte(p);
			 return	false;
		   }
		 } 
 
		 if(nom	=='zip') { /* teste	le format (chiffes please !) */
		   if((!valeur.match(re2)) || (!valeur.match(re3)))	{
			  alerte(p);
			  return false;
		   }
		 }
	  });
 return	false;	   
 });
 
 });

Merci par avance

[ccsuperstar]

Je rajoute le code de mon formualire, dans lequel il n'y a aucun appel javascript.

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
<form action="" method="post" id="inscription">
		<p><label id="l_nom" for="nom" class="oblig" title="Veuillez saisir votre nom"> Votre Nom *</label>
		<input type="text" id="nom" name="nom" title="Veuillez saisir votre nom" tabindex="1" value="" />
		<span class="exemple">ex : Dupont</span></p>
 
		<p><label id="l_prenom" for="prenom" class="oblig" title="Veuillez saisir votre prÈnom"> Votre PrÈnom *</label>
		<input type="text" id="prenom" name="prenom" title="Veuillez saisir votre prÈnom" tabindex="2" value="" />
		<span class="exemple">ex : Bruno</span></p>
 
	        <p><label id="l_mail" for="mail" class="oblig" title="Veuillez saisir votre adresse e-mail"> Votre E-mail *</label>
		<input type="text" id="mail" name="mail" title="Veuillez saisir votre adresse e-mail" tabindex="3" value="" />
		<span class="exemple">ex : b.dupont@xxx.fr</span></p>
 
		<p><label id="l_telephone" for="telephone" title="Veuillez saisir votre tÈlÈphone" class="oblig"> TÈlÈphone *</label>
		<input type="text" id="telephone" name="telephone" title="Veuillez saisir votre tÈlÈphone" tabindex="4" value="" />
		<span class="exemple">ex : 0112233445</span></p>
 
		<p><label id="l_submit" for="submit" title="go"><span>Les champs marqués d'une * sont obligatoires</span></label><input id="submit" type="submit" name="envoi" value="Envoi" /></p>
	</form>

[danielhagnoul]

Bonsoir.

Suggère :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$("form").submit(function(){
    var boolOK = false;
 
    [...]
 
    $(":input").each(function(){
        [...]
 
        boolOK = true;
    });
 
    return boolOK;       
});

[ccsuperstar]

Merci beaucoup pour ton aide, ça a marché!!!
Je mets le post en résolu!!