Vérifier E-mail et identifiant

**flodereims** · 21/06/2019, 10h01

Bonjour à tous, je galère depuis quelques jours à trouver une solution

Si j'envoi le formulaire, et que l'identifiant est déjà pris, il met une erreur, sinon il insert dans la BDD.

Ce que je voudrais maintenant, c'est faire pareil pour l'e-mail, mais je sais pas comment m'y prendre pour le PHP...

Pouvez vous m'aider ?

Cordialement.

(Voici mon code)

HTML:

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
<div class="registerForm">
    <div class="containerInputLabelRegister">
            <label>Identifiant <span style="color: red;">*</span></label>
            <input type="text" name="identifiantRegister" id="identifiantRegister"/>
            <div class="errorRegister"></div>
            <div class="errorEmailRegister"></div>
        </div>
    </div>
    <div class="containerInputLabelRegister">
        <label>E-mail <span style="color: red;">*</span></label>
        <input type="email" name="emailRegister" id="emailRegister"/>
    </div>
 
    <div class="containerRegisterSubmit">
        <button id="submitRegister" class="submitRegister"><i class="fas fa-sign-in-alt"></i></button>
    </div>

JQUERY:

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
        $('#submitRegister').click(function(){
 
 
 
            var identifiantRegister = $("#identifiantRegister").val();
            var emailRegister = $("#emailRegister").val();
 
 
                if(identifiantRegister == "" || emailRegister == "") {
 
                } else {
 
                    $.ajax({
                        url: "register/checkIdentifiant.php",
                        method: "POST",
                        data: {identifiantRegister:identifiantRegister, emailRegister:emailRegister},
                        dataType: "text",
                        success:function(html) {
 
                            $(".errorRegister").html(html);
                        }
 
                    });
 
                }
        });

PHP:

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
<?php 
$bdd = new PDO("mysql:host=127.0.0.1;dbname=login;charset=utf8", "root", "");
 
 
if(isset($_POST["identifiantRegister"])) {
 
	$identifiantRegister = $_POST["identifiantRegister"];
 
	$sql = $bdd->query("SELECT * FROM users WHERE identifiant = '$identifiantRegister'");
	$result = $sql->rowCount();
	var_dump($result);
 
	if($result == 1) {
		echo "Username not available";
	} else {
		$sql = $bdd->prepare("INSERT INTO users (identifiant) VALUES ('$identifiantRegister')");
		$sql->execute();
		echo "<div style='color: green'>Insert success</div>";
	}
 
}
 
 
?>

**Toufik83** · 21/06/2019, 16h33

Salut,

Ben tu as déjà fait la moitié du boulot, il te faut seulement quelques modifications afin de préparer correctement tes requêtes mysql.

Au lieu de :

Code :

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

1
2
 
$sql = $bdd->query("SELECT * FROM users WHERE identifiant = '$identifiantRegister'");//requête non préparée !

tu mets :

Code :

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

1
2
3
 
$sql = $bdd->prepare("SELECT * FROM users WHERE identifiant = ?");
$sql->execute([$identifiantRegister ]);

Maintenant si tu veux ajouter le champ email dans la requête, tu peux faire comme ceci :

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
 
if(isset($_POST["identifiantRegister"]) && isset($_POST["emailRegister"]) && !empty($_POST["identifiantRegister"]) && !empty($_POST["emailRegister"])) {//vérifier aussi que les valeurs ne sont pas vide avec !empty()
 
	$identifiantRegister = $_POST["identifiantRegister"];
        $emailRegister=$_POST["emailRegister"];
 
	$sql = $bdd->prepare("SELECT * FROM users WHERE identifiant = ? or email= ?"); /*avec "or", on vérifie si l'identifiant OU l'email existe dans chaque enregistrement de la table
                                                                                                       ,et  avec "and" s'ils existent les deux dans le même enregistrement*/
        $sql->execute(array($identifiantRegister ,$emailRegister));
	$result = $sql->rowCount();
	var_dump($result);
 
	if($result == 1) {
		echo "Username OU Email existe déjà";
	} else {
		$sql = $bdd->prepare("INSERT INTO users (identifiant,email) VALUES (?,?)");
		$sql->execute(array($identifiantRegister ,$emailRegister));
		echo "<div style='color: green'>Insert success</div>";
	}
 
}

Comme il est possible aussi de vérifier la validité du format de l'email avec filter_var.

**flodereims** · 21/06/2019, 18h11

Ah !!! merci beaucoup ! ça marche niquel... je vois ou sont mes erreurs maintenant ! si jamais j'ai d'autres questions je reviendrai vers toi..

Pour le filter_var yes ça marche aussi, j'ai rajouté :

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
if(isset($_POST["identifiantRegister"]) && isset($_POST["emailRegister"]) && !empty($_POST["identifiantRegister"]) && !empty($_POST["emailRegister"])) {//vérifier aussi que les valeurs ne sont pas vide avec !empty()
 
	if(filter_var($_POST["emailRegister"], FILTER_VALIDATE_EMAIL)) {
 
	$identifiantRegister = htmlspecialchars($_POST["identifiantRegister"]);
    $emailRegister = htmlspecialchars($_POST["emailRegister"]);
 
	$sql = $bdd->prepare("SELECT * FROM users WHERE identifiant = ? or email= ?"); 
	/*avec "or", on vérifie si l'identifiant OU l'email existe dans chaque enregistrement de la table, et avec "and" s'ils existent les deux dans le même enregistrement*/
    $sql->execute(array($identifiantRegister,$emailRegister));
	$result = $sql->rowCount();
 
		if($result == 1) {
			echo "L'identifiant ou l'e-mail existe déjà";
		} else {
			$sql = $bdd->prepare("INSERT INTO users (identifiant,email) VALUES (?,?)");
			$sql->execute(array($identifiantRegister ,$emailRegister));
			echo "<div style='color: green'>Votre compte à bien été créer</div>";
		}
 
	} else {
		echo "L'email est invalide (format@email.fr)";
	}
 
}

**flodereims** · 21/06/2019, 18h27

Ah ben si j'ai une petite question...

Sachant que j'aurai les champs : Identifiant, Email, Mot de passe, Confirmer le mot de passe.

Est il possible de personnaliser le message pour chaque input ? genre pour l'identifiant, on met un message en dessous de l'input identifiant et pour l'email un message en dessous de l'input email, car là ça ne précise pas vraiment si c'est l'identifiant ou l'email qui existe déjà dans la BDD... et pour le mot de passe et confirmation du mot de passe, 1 seul message seulement en dessous de l'input confirmation.... tu comprends ce que je veux dire ?

Par exemple pour l'email dans l'écho de if($result == 1) { si je met "test" et que je rajoute dans le success function(html) de mon jquery, et que je met ça :

Code :

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

1
2
3
                            if(html == "test") {
                                $(".errorRegister").html("L'identifiant ou l'e-mail existe déjà");
                            }

J'ai bien le message qui s'affiche, mais pour personnaliser l'email, et le pseudo séparement je vois pas trop comment... ou alors il faut faire un fetch au lieu du rowcount ?

**Toufik83** · 21/06/2019, 19h13

Oui, j'ai compris, tu voulais gérer les erreurs..

Mais pour ça je te recommande d'utiliser "json", tu modifies dataType:"text" en dataType:"json" dans ajax, et dans le fichier php tu mets un seul echo json_encode($reponse); à la fin du fichier (pas d'autres echo) sachant que $reponse est un tableau dans lequel tu stockes toutes les données, y compris les erreurs.

Exemple :

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
 
$reponse=array();//déclaration de la variable $reponse qui sera renvoyer par ce fichier
$identifiantRegister = isset($_POST["identifiantRegister"])?htmlspecialchars($_POST["identifiantRegister"]):"";
$emailRegister = isset($_POST["emailRegister"])?htmlspecialchars($_POST["emailRegister"]):"";
$passwordRegister= isset($_POST["passwordRegister"]) ?htmlspecialchars($_POST["passwordRegister"]):"";
$confirmPasswordRegister= isset($_POST["confirmPasswordRegister"])?htmlspecialchars($_POST["confirmPasswordRegister"]):"";
if( !empty($identifiantRegister) && !empty($emailRegister) && !empty($passwordRegister) && !empty($confirmPasswordRegister)
      && filter_var($emailRegister, FILTER_VALIDATE_EMAIL) 
      && $passwordRegister==$confirmPasswordRegister ) {
                   $sql = $bdd->prepare("SELECT * FROM users WHERE identifiant = ?"); //on vérifie d'abord l'identifiant
                   $sql->execute(array($identifiantRegister));
	           $result = $sql->rowCount();
                   if($result >0) {
		          $reponse["erreur"]['identifiant_exist']="L'identifiant existe déjà";//on stocke l'erreur "identifiant_exist" dans l'item "erreur" de notre variable $reponse;
	           }
                   $sql = $bdd->prepare("SELECT * FROM users WHERE email= ?"); //on vérifie maintenant l'email
                   $sql->execute(array($emailRegister ));
                   $result = $sql->rowCount();
                   if($result>0){
                            $reponse["erreur"]["email_exist"]="Cet email existe déjà";//stockage de l'erreur "email_exist"
                   } 
}
else {
    if(empty($identifiantRegister)) $reponse["erreur"]["identifiant_vide"]="Un identifiant ne peut pas être vide";
    if(empty($emailRegister)) $reponse["erreur"]["email_vide"]="Un email ne peut pas être vide";
    if(empty($passwordRegister)) $reponse["erreur"]["password_vide"]="Un mot de passe ne peut pas être vide";
    if($passwordRegister!=$confirmPasswordRegister) $reponse["erreur"]["password_non_identique"]="Le mot de passe et la confirmation ne sont pas les mêmes.";
    if(!filter_var($emailRegister, FILTER_VALIDATE_EMAIL)) $reponse["erreur"]["email_invalide"] ="L'email est invalide, format : (format@email.fr)";
}
if(!isset($reponse['erreur'])){//s'il n y a aucune erreur, on fais l'insertion et on stocke un message dans l'item "success" de $reponse.
   $sql = $bdd->prepare("INSERT INTO users (identifiant,email,password) VALUES (?,?,?)");
   $sql->execute(array($identifiantRegister ,$emailRegister ,$passwordRegister));
   $reponse["success"]="<div style='color: green'>Insertion avec succès</div>";
}
echo json_encode($reponse);// on renvoi la réponse en tant que "json"

Puis tu mets un console.log dans le success d'ajax pour voir la réponse dans l'onglet console de l'outil de développement.

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
 
dataType: "json",
success:function(data) {
     console.log("Data :"+JSON.stringify(data));
     //il ne te reste plus qu'à parcourir cette data avec $.each par exemple pour gérer tes erreurs.
    if(data.success){
        //traitement lors d'un succès...
    }
    else if(data.erreur){
        if(data.erreur.identifiant_exist){ 
                //traitement à faire si l'identifiant existe, par exemple $(".erreur_identifiant").html(data.erreur.identifiant_exist);
        }
        if(data.erreur.email_exist){
               //traitement à faire si l'email existe...
        }
        //...ainsi de suite avec les autres variables erreur....
     }
}

Je n'ai pas testé le code, mais je pense que ça devrait fonctionner.

J'ai juste oublié un truc, c'est que le mot de passe doit être hacher (encoder) au moment de l'insertion avec password_hash() et vérifié au moment de la sélection avec password_verify()

**flodereims** · 23/06/2019, 18h38

Oui désolé j'ai trouvé entre temps... :-) mais je n'ai pas reçu de notification du site me donnant ta réponse!

Encore une petite question, quand je me connecte, il me créer une $_SESSION, le problème c'est que mon formulaire LOGIN/REGISTER et en ajax/jquery.... du coup quand je réussi à me connecter, il m'ouvre une popup me disant que je suis bien connecté, et en principe me changer l'icone pour acceder au menu LOGIN/REGISTER en un autre icone pour le menu ou il va y avoir l'onglet LOGOUT...., mais le problème c'est que pour faire ce changement (et donc que la session soit bien active, il faudrait recharger la page après la connexion....hors moi je veux bien un formulaire en AJAX/JQUERY pour qu'il ne recharge pas la page après la connexion... c'est un peu contradictoire je sais... mais du coup après ma connexion, je n'ai pas accés à mon menu ou il y a le LOGOUT, sauf si je recharge la page.... et si je met un location.reload dans le success de mon jquery, il me recharge bien la page mais je n'ai pas le popup "vous avez bien été connecté..." y a t"il un moyen de lancer ma popup juste après un location.reload ou pas ?

Revoila mon jquery pour que tu vois un peu (.mask c'est le popup qui me dit que je suis bien connecté quand on rentre dans le success):

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
41
    $(document).ready(function() {
 
        $('#submitLogin').click(function(){
 
            var emailLogin = $("#emailLogin").val();
            var passLogin = $("#passLogin").val();
 
                if(emailLogin == "" || passLogin == "") {
 
                } else {
 
                    $.ajax({
                        url: "login/login.php",
                        method: "POST",
                        data: {emailLogin:emailLogin, passLogin:passLogin},
                        dataType: "text",
                        success:function(html) {
 
                            if(html == "islog") {
 
                                $(".containerInputLabel :input").val("");
                                $(".loginBox").toggle('scale');
                                $(".mask").addClass("active");                    
 
                                // location.reload("index.php");
 
 
 
 
 
                            }
                            if(html == "errorLog") {
                                $(".errorLogin").html("<div style='color: red'>Identifiant ou mot de passe incorrect</div>");
                            }
 
                        }
 
                    });
 
                }
        });

**Toufik83** · 23/06/2019, 19h13

Envoyé par flodereims

mais je n'ai pas reçu de notification du site me donnant ta réponse!

Tu dois configurer tes paramètres de notification. tu cliques sur "Tableau de bord" dans le menu en haut à gauche (à côté du bouton Déconnexion) puis dans la page qui s'affiche, cliques sur "Mes paramètres", un sous menu apparaît en bas, cliques sur "Options générales" et sélectionnes l'option "Instantanée, par Email" dans la liste déroulante "Mode de suivi par défaut" de la section "Messagerie et notification" et tu enregistres les modifications avant de fermer la page.

Envoyé par flodereims

mais le problème c'est que pour faire ce changement (et donc que la session soit bien active, il faudrait recharger la page après la connexion....hors moi je veux bien un formulaire en AJAX/JQUERY pour qu'il ne recharge pas la page après la connexion... c'est un peu contradictoire je sais...

Il est bien possible de le faire mais je ne pense pas que c'est propre... parce que d'habitude la page est rechargée après l'identification.. mais si tu veux le faire sans rechargement, tu peux par exemple utiliser $.replaceWith() dans le succès d'ajax pour remplacer les boutons Login/Register par le menu du bouton Logout avec le nom de la session.

Important :

Ne pas oublier de modifier le déclencheur de l'événement click sur tes éléments remplacés dynamiquement par javascript comme ça :

Par exemple pour le bouton id="submitLogin", au lieu de mettre

Code javascript :

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

 $('#submitLogin').click(function(){...});

il faut mettre

Code javascript :

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

 $('body').on("click","#submitLogin",function(){...});

, la même chose pour les autres boutons...

Tu peux choisir un autre parent statique au lieu de "body", le plus proche par exemple..

**flodereims** · 23/06/2019, 21h50

Bon, j'ai en fait juste rajouter:

Code :

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

1
2
                                $(".icon_user").css("display", "block");
                                $(".icon_login").css("display", "none");

Quand il n'y a pas de session, icon_login est en display block, si je me connecte, il me changer icon_login en icon_user et j'ai accés à mon menu.... ^^
Ca a l'air de marcher...

EDIT: ah ben non ça marche pas.... car ensuite si je recharge la page, il me remet icon_login ... :-/

**Toufik83** · 23/06/2019, 22h02

Il faut utiliser la $_SESSION["user"] lors de la construction du html pour générer les éléments.

Code php :

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

1
2
3
4
5
6
7
8
 
<div>
   <?php if(isset($_SESSION["user"])) { ?>
       <a><span>Bienvenu(e), <?php echo $_SESSION["user"];?></span><span>Logout</span></a>
   <?php } else { ?>
       <a><span>Se connecter</span><span>S'enregistrer</span></a>
   <?php }
</div>

**flodereims** · 23/06/2019, 22h29

Envoyé par Toufik83

Il faut utiliser la $_SESSION["user"] lors de la construction du html pour générer les éléments.

Code php :

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

1
2
3
4
5
6
7
8
 
<div>
   <?php if(isset($_SESSION["user"])) { ?>
       <a><span>Bienvenu(e), <?php echo $_SESSION["user"];?></span><span>Logout</span></a>
   <?php } else { ?>
       <a><span>Se connecter</span><span>S'enregistrer</span></a>
   <?php }
</div>

Oui pour ça je savais déjà... mais mon problème vient vraiment au moment ou j'ai bien rentré le login et le mot de passe...

Je te réexplique bien en détail ce que veux:

Dans mon HEADER, j'ai un icon_login sur lequel je clique pour accéder à une petite fenetre modal qui s'ouvre, je rentre mon LOGIN et mon MOT DE PASSE, si c'est les bons identifiant, j'ai une POPUP (style SweetAlert) qui s'affiche me disant "Vous êtes bien connecté" et ensuite l'icon_login change en icon_user, si je clique sur cet icon, il m'ouvre une autre petite fenetre modal, avec dedans mes 1 ou 2 infos et un bouton déconnecté...

Si je fais comme je fais moi, voici les problèmes:

1) Soit j'ai bien ma popup vous êtes bien connecté, et ensuite j'ai l'icon login qui se met en icon user et si ensuite je recharge la page, il se remet en icon_login

2) Soit dans mon jquery je met un location.reload(); les icons se changent correctement, la session est bien active, mais je n'ai pas ma popup "Vous êtes bien connecté".

Ou alors est ce qu'il y a un moyen d'activer cette popup seulement après le rechargement de la page ? et seulement si j'ai réussi mon identification ?

Compliqué compliqué.. ^^

**flodereims** · 23/06/2019, 22h43

Ah c'est bon j'ai trouvé une solution, j'ai mis un setTimeout sur le location.reload(); comme ça l'utilisateur à le temps de voir qu"il est bien connecté, et ensuite ça recharge la page !

**Toufik83** · 23/06/2019, 22h48

je ne suis pas vraiment à l'aise avec cette solution, ça me parait "bricolé" mais bon ... et puis au début tu voulais le faire sans rechargement de page, et là d'un coup tu changes d'avis.

**flodereims** · 23/06/2019, 23h01

Envoyé par Toufik83

je ne suis pas vraiment à l'aise avec cette solution, ça me parait "bricolé" mais bon ... et puis au début tu voulais le faire sans rechargement de page, et là d'un coup tu changes d'avis.

En effet c'est un peu bricolé, mais franchement je pense pas avoir assez de connaissance pour trouver une autre solution... :/

Je voulais pas de rechargement de page au moment ou mon login est réussi, car je ne pouvais pas avoir mon POPUP "Vous êtes bien connecté"... mais là j'arrive à avoir les deux... une idée de comment je peux faire ça proprement sinon ?

Vérifier E-mail et identifiant

PHP & Base de données

Discussions similaires

Partager

Partager