Discussion :

[Geoffrey74]

Bonjour,

j'utilise le jquery pour valider un formulaire composé de select.
Je vérifie que les valeurs de ces select ne sont pas vide et si il ne le sont pas, je passe à la suite.

Cette partie fonctionne sans problème, là ou ça se complique c'est quand un ou plusieurs select ne sont pas correcte, dans ce cas j'ai bien le message d'erreur, mais ensuite, une fois corriger en selectionnant quelques chose, impossible de valider le formulaire...

Une petite idée ?

voici le code jquery de vérification du formulaire :

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
$('#formselect').submit(function() {
	error = true;
	$.get("verifform.php?menu="+$("#menu option:selected").val(), function(data){
		value=data.split('-');
		for(i=0;i<value.length;i++)
		{
			if(i==0)
				value[i] = value[i].substring(2);
			if($("#"+value[i]+" option:selected").val() == "")
			{
				alert("Veuillez choisir votre " +value[i]);
				error = false;
			}
		}	
	})
	return error;
});

en fait le error = false dans la boucle n'a pas d'influence sur le error de retour

[Darkaurora]

erreur courante...

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
 
$.get("verifform.php?menu="+$("#menu option:selected").val(), function(data){
	value=data.split('-');
	for(i=0;i<value.length;i++)
	{
		if(i==0)
			value[i] = value[i].substring(2);
		if($("#"+value[i]+" option:selected").val() == "")
		{
			alert("Veuillez choisir votre " +value[i]);
			error = false;
		}
	}	
})
return error;

$.get == Ajax == Asynchrone == Pas possible de commencer un traitement avant la requête Ajax et tenter de la poursuivre après avoir reçu le résultat

Concrètement ton code actuel fait quelque chose comme:

1) lorsque je submit mon form j'initialise une variable error = true
2) Je fait une requête Ajax
3) Je retourne ma variable error
4) Ma requête ajax s'est bien effectué alors j'exécute le code du callback

et cela se passera comme cela dans 99.9999% des cas, en fait si tu arrives à avoir une requête ajax quasi synchrone joue au loto

[Geoffrey74]

Merci, tout marche en mode synchrone !!

Le pire c'est que j'ai déja recontrer ce problème !

VOici mon code corrigé:

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
$('#formselect').submit(function() {
	var error = true;
	$.ajaxSetup({async: false});
	$.get("verifform.php?menu="+$("#menu option:selected").val(), function(data){
		value=data.split('-');
		for(i=0;i<value.length;i++)
		{
			if(i==0)
				value[i] = value[i].substring(2);
			if($("#"+value[i]+" option:selected").val() == "")
			{
				alert("Veuillez choisir votre " +value[i]);
				error = false;
			}
		}
	})
	$.ajaxSetup({async: true});	
	return error;
});