Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Tester la puissance d'un mot de passe

Script posté par :

Ultiny
Vous aussi, postez vos scripts en cliquant ici.

Description

Ce script est utile pour vos visiteurs lorsqu'il s'apprétent à s'enregistrer sur votre site.
Une barre de 3 niveau indique la puissance du mot de passe en cours de saisi.
Je me suis inspiré de l'apect graphique du password checker de Hotmail, cela dit, il n'en reprend aucun code.
Le premier niveau est atteint si le mot de passe contient 6 caractère (il est considéré comme faible).
Le deuxième niveau est passé si le mot de passe contient un ou des chiffres (il est considéré comme moyen).
Le dernier niveau est passé si le mot de passe contient des majuscules (il est considéré comme fort).
Une alternative permet aussi d'atteindre le niveau fort si le mot de passe contient soit 8 ou plus de caractères, ou encore s'il contient des caractères spéciaux.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 5 et +

Chiffres :

Date de création : 25/04/2006
Dernière modif : -
Visites de la page : 26653
Envois par mail : 549

Exemple :

Le code :

Entre <HEAD> et </HEAD> :

#sm
{
	margin:0px;
	padding:0px;
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm
{
	width:84px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

.yellow
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}
</style>
<script type="text/javascript">
function evalPwd(s)
{
	var cmpx = 0;
	
	if (s.length >= 6)
	{
		cmpx++;
		
		if (s.search("[A-Z]") != -1)
		{
			cmpx++;
		}
		
		if (s.search("[0-9]") != -1)
		{
			cmpx++;
		}
		
		if (s.length >= 8 || s.search("[\x20-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E]") != -1)
		{
			cmpx++;
		}
	}
	
	if (cmpx == 0)
	{
		document.getElementById("weak").className = "nrm";
		document.getElementById("medium").className = "nrm";
		document.getElementById("strong").className = "nrm";
	}
	else if (cmpx == 1)
	{
		document.getElementById("weak").className = "red";
		document.getElementById("medium").className = "nrm";
		document.getElementById("strong").className = "nrm";
	}
	else if (cmpx == 2)
	{
		document.getElementById("weak").className = "yellow";
		document.getElementById("medium").className = "yellow";
		document.getElementById("strong").className = "nrm";
	}
	else
	{
		document.getElementById("weak").className = "green";
		document.getElementById("medium").className = "green";
		document.getElementById("strong").className = "green";
	}
}
</script>

Entre <BODY> et </BODY> :

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De xactionx59 - le 20-05-2006

Bravo pour ce code, néanmoins, comment faire pour que dès la première lettre, sa devient Faible ? Et non pas à la 5ème et encore bravo ! ;)

De Ultiny - le 23-05-2006

Remplace :

if (s.length >= 6)

par le nombre de lettres que tu veux. Mais attention, après on saute une étape donc si quelqu'un tape A1 le mot de passe sera évalué comme fort. N'ésite pas à le modifier pour éviter ce problème.

De Inform - le 21-06-2007

ça c 1 script util !

De mica2727 - le 29-07-2007

Je trouve que ce script et nul :( désolé pour la remarque met je dis ce que je pense car mettre 5, 7 et op c'est difficile de trouvé ? bah je sais pas met moi un mot de passe de 7 lettre avec 7lettre de 7 ? c'est super simple ?

Donc faudrai que ton script marche avec la longueur et les caractère speciaux car la c'est nul !

Bye Bye ^^ j'ai dit ce que je pensé !

De dark_shadow - le 27-08-2007

merci pour le script, c'est génial, bravo

De thierry62630 - le 18-10-2007

bonjour.
j'aimerai savoir comment faire pour que ce soit centré dans ma page.
merci d'avance.

De Yoco54 - le 30-10-2007

j'utilisen Fr.gd pour créer mon site et je ne trouve les blise head et/head
fr.gd(http://www.fr.gd)

De knostra67 - le 04-11-2008

super ton code!

par contre on parle de mot de passe là nan?

faudrais peut etre cacher le mot de passe quand on le met dedans , or la il s'affiche en clair!

De knostra67 - le 04-11-2008

pour cacher le mot de passe il faut mettre ça dans body à la place de ce qui est inscrit:

<label> <form> <input type="password" name="textfield" id="textfield" size="24" onkeyup="evalPwd(this.value);" /><br /><div id="sm"><ul><li id="weak" class="nrm">Faible</li><li id="medium" class="nrm">Moyen</li><li id="strong" class="nrm">Fort</li></ul></div>
</label>

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Carat Hosting
100 Mo pour un appel allopass avec Carat Hosting.
http://www.carat-hosting.com/

Cat : Hebergement web
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

61319 membres
7216 comptes CountUs
1721 comptes myCircle

LES FORUMS :

14 forums
39942 topics
190892 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par alex55
Lorsque vous écrivez un message dans un textarea, il se peut que vous fassiez une erreur. Sachez que le CTRL+Z est activé dans les textarea ! Très pratique au cas où vous effacez tout le texte en faisant une fausse maneuvre. Les autres CTRL+[une lettre] marchent aussi (ex: CTRL+F pour rechercher).
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi