Mode d'emploi - Vérification de la complexité du mot de passe

**Zanarkand** · 17/08/2013, 13h25

Bonjour à tous,

J'aurais besoin de conseils quant à la marche à suivre afin de pouvoir indiquer à l'utilisateur (lors de son inscription) le niveau de complexité de son mot de passe.

Tout d'abord je vous indique que vous trouverez en pièce-jointe une partie du visuel de mon formulaire d'inscription. (Cela vous permettra d'avoir une idée plus précise du résultat que je souhaite obtenir)

Je songe à utiliser du javascript pour parvenir à mes fins mais le hic c'est que je débute seulement dans ce domaine donc je galère pas mal.

Je regarde actuellement le tutoriel de Paul Underwood (traduit par Sébastien Germez) mais j'avoue que j'ai du mal à mettre en application ce tutoriel.
Lien du tutoriel : http://paulund.developpez.com/tutori...xite-password/

Alors concrètement, voici le code de la partie formulaire qui nous intéresse directement :

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
 
 
<body>
		<?php include GCT_DIR_ROOT.'inscriptions/i_header.html'; ?>
		<section>	
			<h1> Formulaire Inscription </h1>
 
			<form method="post" action="/share/inscriptions/i_traitement.php" enctype="multipart/form-data">
				<p>
					<script type="text/javascript" src="/share/javascript/js_password.js"></script>
 
					<fieldset>
						<legend> Vos Identifiants ? </legend>
						<p>Tous les champs précédés d un astérisque sont obligatoires.</p>
						<label for="identifiant">* Identifiant :</label>
						<input id="identifiant" name="id" type="text" maxlength="12" placeholder="Ex : LeGrandCharles" autofocus required/>
						<label for="motdepasse">* Mot de passe :</label>
						<input id="motdepasse" name="mdp" type="password" maxlength="20" required/>
						<div id="force_mdp"> Force de votre mot de passe : </div>
						<label for="conf_mdp">* Confirmation du Mot de passe :</label>
						<input id="conf_mdp" name="conf_mdp" type="password" maxlength="20" required/>
					</fieldset>

J'ai créé un fichier javascript "js_password.js" dans lequel se trouvera donc l'implémentation de l'indicateur de complexité (pour le moment ce fichier est vide )

Pour l'instant je souhaite juste faire un truc de base qui indique à côté du <div> force_mdp et à mesure que l'utilisateur entre son mot de passe les indications suivantes : faible, moyen ou fort.

Je vais continuer à étudier le tutoriel de Paul pour pouvoir l'adapter à mon cas mais si vous avez des idées pour m'aider un peu je suis preneur.

C'est même d'ailleurs le but de cette discussion

Merci d'avance pour vos réponses

Mode d'emploi - Vérification de la complexité du mot de passe [RegExp]

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager