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 - (Site : zutopi)
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 : 21009
Envois par mail : 482

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

31 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Alice
En rachetant plein de concurents, Alice est devenu un grand nom d'Internet.
http://abonnement.alicead...

Cat : Haut débit
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

56132 membres
8367 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "HTML / CSS" du jour par sadike
Vous ne savez pas trop comment vous y prendre pour faire la mise en forme de votre site en XHTML et CSS? Laissez vous guider par le générateur CSSCreator: http://www.csscreator.com/version2/pagelayout.php
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi