Ajouter une case se souvenir de moi au formulaire de login

Ajouter une case se souvenir de moi au formulaire de login

2019-05-09 Niveau: Débutant

Dans un script de connexion, la fonctionnalité Remember me est utilisée pour conserver les informations de connexion saisies par l'utilisateur. Cela réduit l'effort de l'utilisateur en empêchant d'entrer les informations de connexion à chaque fois.

Nous allons maintenant voir un exemple de script de connexion avec la fonctionnalité Remember me. Dans cet exemple, nous utilisons des cookies PHP pour préserver le nom d'utilisateur et le mot de passe de l'utilisateur.

 

case se souvenir de moi

 

Voici le code complet avec le formulaire sans aucun style css rien. (les explications sont à l'intérieur du code)

<?php
//Si on clique sur le bouton "submited"
if(isset($_POST['submited'])){

//On déclare nos variables qui arrivent du formulaire
$username = $_POST['utilisateur'];
	$password = $_POST['motdepasse'];

	//rememberme
			//Si la case est cochée
			 if($_POST['rememberme']) {
    				//On set 2 cookies un pour l'utilisateur et un pour le mot de passe

				//le nom du cookie "remembermeu" la valeur "$username" et la durée "time() + 31536000"
				setcookie('remembermeu', $username, time() + 31536000);

				//le nom du cookie "remembermep" la valeur "$password" et la durée "time() + 31536000"
				setcookie('remembermep', $password, time() + 31536000);

			}
			//Si la case est décochée
			elseif(!$_POST['rememberme']) {

			//On cherche pour nos 2 cookies
			    if (isset($_COOKIE['remembermeu'], $_COOKIE['remembermep'])) {
				//Nous les plaçons comme si ils avaient expirés
				$past = time() - 100;
				setcookie(remembermeu, gone, $past);
				setcookie(remembermep, gone, $past);
			}
		}
	//rememberme

}
?>
<!DOCTYPE html>
<html>

        <div>
        <!-- On déclare notre formulaire avec method="post" -->
	<form style="width:400px;" method="post">

    		<p>Se connnecter</p>


    		<input type="text" id="utilisateur" name="utilisateur" placeholder="Utilisateur" value="<?php echo $_COOKIE['remembermeu']; ?>">

		<input type="password" id="motdepasse" name="motdepasse" placeholder="Mot de passe" value="<?php echo $_COOKIE['remembermep']; ?>">


           <!-- Remember me -->
            <div>
		<!-- Ceci est la case à cocher et nous allons chercher pour notre cookie "remembermeu" si on le trouve alors on va cocher la case avec "checked"-->
                <input type="checkbox" id="rememberme" name="rememberme" value="1" <?php if(isset($_COOKIE['remembermeu'])) {echo 'checked="checked"';} else { echo ''; }?> >
                <label for="rememberme">Se souvenir de moi</label>
            </div>
        </div>
        <div>

        </div>
    </div>

    <!-- Notre bouton "submited" -->
    <button type="submit" id="submited" name="submited">Connecter</button>


</form>

        </div>


</body>

</html>

 

formulaire sans style

 

Esaayez-le !

 


Laissez nous un commentaire