Discussion :

[madounet59]

Bonjour
Je débute en Jquery et je suis pas à l'aise sur certain truc
Bon voila mon problème j' écrit un script pour faire un formulaire qui vérifie instantanément un pseudo sur la base de donnée de mon site
Donc y a pas de souci pour la vérification il me renvoie bien si je clique sur le "Valider" si il existe déjà ou pas
Le Hic c est que j arrives pas a bloquer la validation du formulaire si le pseudo n est pas bon donc j ai créer une variable globale "valid" qui est fonction de ce que me donne la fonction $.post mais ca marche pas !!!
J ai pas mis le code php mais juste il faut savoir que si le pseudo est valide la
réponse de la requête ajax sera "1" et sinon c est "0" va si trêve de blabla voila le code 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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
var valid;
 
$(document).ready(function() {
 
		$('#submit').click(function(){
 
			 $.post("check.php", {username: $('#user').val()},  
				function(response){
									if (response==0)
										{
											 $('#usernameResult1').fadeOut();
											$('#usernameResult2').fadeOut();
											answer='Invalide';
											setTimeout("finishAjax('usernameResult1', '"+escape(answer)+"')");
											valid=false;
 
										}
									else 
										{
											$('#usernameResult2').fadeOut();
											$('#usernameResult1').fadeOut();
											answer='Valide';
											setTimeout("finishAjax('usernameResult2', '"+escape(answer)+"')");
											valid=true;
 
										}
 
										});
			return valid;}); });
 
 
function finishAjax(id, response) {
 
$('#'+id).html(unescape(response));
$('#'+id).fadeIn();
} //finishAjax

voila sinon il faut savoir a ce que j ai lu sur le site officielle de jquery: la fonction callback c est à dire dans mon cas fonction(response) est interne a $.post donc on peut essayer de caler
des variable "valid" a "false" ou a "true"
ca reste que local et la fonction $.post renvoie "object XMLHttpRequest" donc oubliée le var rep=$.post ca renverra jamais un boolean :/

[Bovino]

Salut.

Ton problème vient du fait que ta requête est asynchrone, donc le submit de ton formulaire sera effectué avant de recevoir la réponse du serveur.

Une solution peut être de passer par un faux submit, c'est-à-dire un simple bouton. Quand tu cliques sur le bouton, tu effectues ta vérification de pseudo et en fonction de la réponse, tu lances ou non le submit.

[madounet59]

ok en gros tu veux que je crée un bouton qui n est pas le "submit" du formulaire qui fait juste la vérification du pseudo et si il me renvoie "true" je valide??
c est ca?

Bon le premier problème qui me viens c est comment récupère la réponse que me renvoie le $.post donc le "data" ou le "response" dans mon cas dans une variable par exemple
honnêtement j est déjà pensé a ton idée mais j ai du mal en Jquery
Donc un script au moins pour cette phase me débloquera tous je penses

[madounet59]

Grand merci a toi Bovino
J'avoue que ton idée même si j y est déjà penser ma trotté une partie de la soirée mais en faite je me suis mal pris et j ai pas penser a la puissance de jquery avec les sélecteurs , j ai trop pensé comme en javascript
Donc en gros je fais juste une vérification du pseudo avec par exemple une perte de focus du champ en code ca donne ceci:

Code :

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

 $('#username').blur(function() {  bon en gros je remet le même code qu au départ }

Je rappelle que cette fonction va afficher "Valider" ou "Invalide"
dans un span disons avec un id="pseudo_info"
Ben juste il me suffit de mettre un évènement "click" sur le bouton "submit" en conditionnant selon la valeur du span d'id='pseudo_info'
ca donne sans détailler ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
 $(document).ready(function() {
 
		$('#username').blur(function(){même fonction que dans mon 1er post });
                $('#submit').click(function(){
                                pseudo_info= $('#pseudo_info').text();
                                   if(pseudo_info=='valide'){
                                              return true;}
                                    else return false;
                                         });
});

Bon voila je vous donne demain la fonction toute faite même avec le php et html qui va avec
J'avoue que c était pas plus complique que ca