Discussion :

[sp2308]

Bonjour,

Je m'essaie à jQuery avec plus ou moins de réussite...

J'ai un script que j'apelle sur l’événement onclick() d'un form qui, lui, se trouve dans une div modal.
Je vérifie simplement si les champs sont complétés et sinon j'affiche une div erreur et j’arrête le traitement.
Cela fonctionne parfaitement dans chrome et IE : la div modale reste affichée, la div erreur visible. Mais sous mozilla, aucun effet. Une fois la div erreur affichée la div modale qui contient le form se ferme et redirection auto vers la page sur laquelle était le bouton d'appel.

Code :

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

1
2
3
4
5
6
7
 
var pass1 = $("#pass").val();
if( login1 =='' || pass1 =='')
{
	$("#erreur").show();
	event.preventDefault();
}

Un conseil me serait nécessaire...

Merci de votre aide,

stephane

[Watilin]

Bonsoir,

tu ne nous montres pas la façon dont tu attaches ta fonction au click. La variable event n'est disponible que si tu l'as écrite comme paramètre de la fonction qui gère ton click.

Code :

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

1
2
3
4
... .click(function(event) {
   ...
   event.preventDefault();
});

As-tu vérifié s'il y avait un message d'erreur dans la console de ton navigateur (F12) ?

Autre chose, je pense que tu devrais agir sur l'évènement submit plutôt que click car, si j'ai bien compris ton objectif, tu veux interrompre la soumission du formulaire.

[sp2308]

voila tout mon code

J ai suivi tes conseils, je suis passé sur l evenement click.
En ce qui conserne l affichage des erreurs...je connaissais pas c est CTRL +K sous mozilla
j ai effectivement un message d aerreur :
ReferenceError: event is not defined login.js:11 ça correspond à la ligne du 1er event.preventDefault();

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
$(document).ready(function()
{ 
	$("#envoyer").click(function()
	{
 
		var login1 = $("#login").val();
		var pass1 = $("#pass").val();
		if( login1 =='' || pass1 =='')
		{
			$("#erreur").show();
			event.preventDefault();
		}
		else
		{ 
 
			var url="php/login.php";
			$.post( url, { login: login1, pass: pass1 } )
		  .done(function( data ) {
 
			if(data=='ok') 
			{
				var url ="user/index.php?";
				window.location.replace(url);
				event.preventDefault();			
			}
			else
			{
				$("#erreur").show();		
			}
			event.preventDefault();
		  });			
		}
	event.preventDefault();	
	});
});

merci de tes conseils

Une petite precision
J ai la meme erreur à la ligne 31 (enfinj y ai ecore touché donc ça correspond peut etre plus mais...), c est à dire le dernier event.preventDefault(); lorsuqe j ai ok en retour et toujours seulement sur mozilla. L es autres me redirigent bien mais lui il boucle sur la page d appel

[sp2308]

J ai la solution grace à cette page : http://js.4design.tl/evenement-jquer...entdefault-925

Je devais utiliser return false à la place et maintenant je sais pourquoi

[Bovino]

Watilin t'avait donné la réponse dans son message.
Quant au return false, l'article que tu cites explique précisément que ce n'est pas la bonne solution !

[sp2308]

Bon j ai tout lu de travers alors....
l heure tardive peut etre

mais dans l article j ai lu :

Ce que l’on sait moins, c’est que `return false` provoque trois effets : `preventDefault()`, `stopPropagation()` et `stopImmediatePropagation()` !

Je me suis basé là dessus