AJAX Register

Version imprimable

AJAX Register

Bonjour à tous.... je ne savais pas trop si je devais poster dans cette section, mes excuses à l'avance....

Je suis face à un problème pour ma section REGISTER, en gros:

J'ai 2 étapes en CSS, j'ai l'identifiant en premier, quand je tape au clavier (.keyup) soit il est vide, soit il fait moins de 3 caractères, soit il est déjà dans la BDD et donc il me met un message d'erreur, si tout est bon, il n'y a aucun message d'erreur, et donc à ce moment là je peux cliquer sur le boutton Valider, l'étape une disparait, et l'étape deux apparait...

Ce qui me pose problème par rapport à mon code, c'est que même si l'identifiant est pris, alors il passe quand même à l'étape deux... y aurait t'il quelque chose dans mon code que j'aurai oublié ?

Cordialement.

JQUERY:

Code:

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
$(document).ready(function(){
 
    identifiantRegister_error = true;
 
    $("#identifiantRegister").keyup(function () {
        identifiantRegister_check();
    });
 
 
 
    function identifiantRegister_check() {
        identifiantRegister = $("#identifiantRegister").val();
 
        if(identifiantRegister == "") {
            $("#error_identifiant").addClass("active-error").html("Identifiant obligatoire");
            identifiantRegister_error = false;
            return false;
        } else {
            $("#error_identifiant").removeClass("active-error").html("");
        }
 
        if(identifiantRegister.length < 3) {
            $("#error_identifiant").addClass("active-error").html("Identifiant invalide (4 caractères minimums)");
            identifiantRegister_error = false;
            return false;
        } else {
            $("#error_identifiant").removeClass("active-error").html("");
        }
 
        if(identifiantRegister != "" && identifiantRegister.length >= 3) {
            $.post(
 
                "users/register/check_identifiant_exist.php",
                {
                    identifiantRegister : $("#identifiantRegister").val()
                },
 
                function(data) {
                    if(data == "Success") {
 
                    } else {
                        $("#error_identifiant").addClass("active-error").html("Identifiant déjà pris");
                        identifiantRegister_error = false;
                        return false;
                    }
                },
 
                "text"
 
            );
 
        }
    }
 
    $("#btn_identifiant").click(function() {
        identifiantRegister_error = true;
 
        identifiantRegister_check();
 
        if(identifiantRegister_error == true) {
            $("#register_form #tab1").removeClass("active");
            $(".tabs-list .tab1").removeClass("active");
            $("#register_form #tab2").addClass("active");
            $(".tabs-list .tab2").addClass("active");
            $(".item2").addClass("form-steps__item--completed");
            return true;
        } else {
            return false;
        }
    });
 
    $("#previous_btn_email").click(function() {
        $("#register_form #tab2").removeClass("active");
        $(".tabs-list .tab2").removeClass("active");
        $("#register_form #tab1").addClass("active");
        $(".tabs-list .tab1").addClass("active");
        $("#error_identifiant").text("");
        $(".item2").removeClass("form-steps__item--completed");
    });
 
});

PHP:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
$bdd = new PDO("mysql:host=localhost;dbname=login", "root", "");
 
 
if(isset($_POST['identifiantRegister'])) {
 
$identifiantRegister = $_POST["identifiantRegister"];
 
	$req = $bdd->prepare("SELECT * FROM login WHERE username = ?");
	$req->execute(["$identifiantRegister"]);
	$test = $req->rowCount();
 
	if($test > 0) {
		echo "Failed";
	} else {
		echo "Success";
	}
 
}
 
 
?>

11/07/2019, 18h34
armel18
bonjour,

Citation:

PDOStatement::rowCount() retourne le nombre de lignes affectées par la dernière requête DELETE, INSERT ou UPDATE exécutée par l'objet PDOStatement correspondant.
https://www.php.net/manual/fr/pdostatement.rowcount.php

ton rowCout te renvoie un entier supérieur à 0. Utilise plutôt count:
Code:

1 2 $req = $bdd->prepare("SELECT count(*) FROM login WHERE username = ?");

Salut,

Tu as un problème de Synchronisation avec ce code :

Code:

1
2
3
4
5
6
7
 
$("#btn_identifiant").click(function() {
        identifiantRegister_error = true;
 
        identifiantRegister_check();/*le problème est ici*/
        /* la suite du code....*/
    });

Parce que la fonction identifiantRegister_check() lance une requête post (asynchrone), et javascript n'attendra pas la fin de son exécution , donc il passera directement aux instructions suivantes sans prendre en considération le résultat renvoyé par le fichier php.

La solution est :
1- Soit mettre le code dans la fonction callback de $.post .
2- Soit utiliser les promesses.

(Vu que la solution 2 nécessite une certaine compétence en javascript...), je te montre la solution 1.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
$.post(
          "users/register/check_identifiant_exist.php",
                {
                    identifiantRegister : $("#identifiantRegister").val()
                },
 
                function(data) {
                    if(data == "Success") {
                           //instructions à exécuter en cas de succès, c'est ici que tu dois mettre la suite du code.
                           $("#register_form #tab1").removeClass("active");
                           $(".tabs-list .tab1").removeClass("active");
                           $("#register_form #tab2").addClass("active");
                           $(".tabs-list .tab2").addClass("active");
                           $(".item2").addClass("form-steps__item--completed");
                    } else {
                        //instructions à exécuter en cas d'erreur.
                    }
                },
 
                "text"
 
            );

30/07/2019, 11h36
flodereims

Salut ! désolé pour la réponse tardive, c'était les vacances....

Merci pour ta réponse, je ne connaissais pas les promesses, je viens de regarder quelques vidéos sur le sujet, intéressant, mais j'ai vraiment du mal à voir comment je peux utiliser les promesses pour ça...

Des pistes à me donner ? ;)

Merci d'avance!
30/07/2019, 17h17
Toufik83

Salut,

As-tu testé ce que je t'ai proposé dans ma réponse ?