Discussion :

[timmy1]

Bonjour à tous,

Je galère depuis hier sur un problème et malgré mes recherche sur les forums y compris ici ou j'ai trouvé un cas très proche du mien j'arrive pas a faire fonctionner.

Voila j'ai un formulaire avec simplement un champ et un bouton submit.

Pour controler si la valeur saisie dans le champ n'existe pas déja je lance une vérif en ajax.

Le problème c'est que je ne peux pas lancer sur onchange puisque quand la personne change de champ c'est pour cliquer sur le bouton de validation.

J'ai donc fait mon contrôle sur submit, mais la validation se fait à chaque fois que la valeur renvoyée soit vrai ou fausse.

Quand la valeur existe j'ai juste le temps de voir le champ qui se met en rouge et le message d'erreur et j'arrive sur la page appellée.

Je vous mets le dernier code jquery

J'ai même essayé de mettre ajax en synchrone pour bloquer tant que la requête était en cours pour éviter que la validation formulaire se fasse pendant ce labs de temps.

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
 
 
 <script language="JavaScript">
 $(document).ready(function() {
$('#form1').submit(function(){
 
 
//On récupère le pseudo saisi par l'utilisateur
 var immat=$('#immat').val();
 
 //Passage de la valeur au du paramètre qu'on récupèrera dans php
 var data ={immat: immat}; 
 
  $.ajax({
                async: false,
                url: 'test_immat.php',
                type: 'POST',
                data: data,
                success: function(valeurRetourne) {
                         if(valeurRetourne=="echec") {
                                     $("#msg").fadeIn(1000).text("Immatriculation inexistante");
                              $("#immat").css("border-color","#f55");
                              $("#immat").css("background-color","#fcc");
                        var ret=false;
                        }
                         else
                        {var ret=true;}
                }
        });
        return ret
   });
   });
</script>

Je pense pas que ce soit utile de vous mettre le code du formulaire.

Merci d'avance

[Mell]

Est ce que, quand tu fais un console.log(valeurRetourne) il t'arrive d'avoir "echec" ? En gros, est-ce que tu rentres dans ton if ?

Parce que si ce n'est pas le cas, le problème pourrait venir de ton PHP

[Bovino]

Ta variable ret est définie dans la fonction de rappel de la requête AJAX.
Du coup, elle n'est pas accessible en dehors de cette fonction de rappel et return ret provoque une erreur.

[timmy1]

Rebonjour,

Et alors je peux contourner le problème comment?

Car le but c'est bien justement de valider en fonction du retour ajax..

Merci

[Bovino]

Ben... c'est implicite dans ma réponse.

Si ta variable n'est pas accessible dans le scope souhaité, déclare-la dans le bon scope, c'est-à-dire dans le callback de submit directement

[timmy1]

C'est bon quelqu'un m'a solutionné le problème, c'est le formulaire qui se validait en boucle.


Voila le code ça peut toujours aider quelqu'un..

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
<script language="JavaScript">
$(document).ready(function() {
    var ret = false;
    $('#form1').submit(function(event){
	if(!ret) {
	    //Empeche la validation du formulaire
	    event.preventDefault();
 
	    //On récupère le pseudo saisi par l'utilisateur
	    var immat=$('#immat').val();
 
	    //Passage de la valeur au du paramètre qu'on récupèrera dans php
	    var data ={
		immat: immat
	    };
 
	    $.ajax({
		async: false,
		url: 'test_immat.php',
		type: 'POST',
		data: data,
		success: function(valeurRetourne) {
		    if(valeurRetourne=="echec") {
			$("#msg").fadeIn(1000).text("Immatriculation inexistante");
			$("#immat").css("border-color","#f55");
			$("#immat").css("background-color","#fcc");
			ret=false;
		    }
		    else { //Si les valeurs sont corrects, on valide envoie le formulaire.
			ret=true;
			$('#form1').submit();
		    }
		}
	    });
	}
    });
});
 
 
</script>

Merci de votre aide

[Bovino]

Si tu déclares deux fois la même variable dans deux scopes différents, alors tu auras deux variables différentes !

Code :

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

1
2
3
4
5
6
7
8
9
10
var test1 = "foo",
    test2 = "bar",
    test3 = "fooBar";
function checkTest(){
    test1 = "toto";
    var test2 = "tata";
    alert("test1 : " + test1 + " test2 : " + test2 + " test3 : " + test3);
}
checkTest();
alert("test1 : " + test1 + " test2 : " + test2 + " test3 : " + test3);