Les mots de passe sont devenus un outil indispensable dans notre vie et notre travail, mais un mot de passe non sécurisé peut nous causer des pertes inutiles. En tant que concepteurs de sites Web, si nous pouvons effectuer une évaluation de la sécurité du mot de passe saisi par l'utilisateur sur la page Web et afficher les informations d'invite correspondantes, il sera d'une grande aide pour l'utilisateur de définir un mot de passe sécurisé. Dans le même temps, cela rend également le site Web plus convivial et plus attrayant.
Qu'est-ce qu'un mot de passe sécurisé ? Ce programme l'évalue de la manière suivante.
1. Si le mot de passe comporte moins de 5 caractères, il est considéré comme un mot de passe faible.
2. Si le mot de passe se compose uniquement de chiffres, de lettres minuscules, de lettres majuscules ou d'autres symboles spéciaux, il est considéré comme un mot de passe faible.
3. Si le mot de passe se compose de deux types de chiffres, de lettres minuscules, de lettres majuscules ou d'autres symboles spéciaux, il est considéré comme un mot de passe moyennement sécurisé.
4. Si le mot de passe se compose de plus de trois types de chiffres, de lettres minuscules, de lettres majuscules ou d'autres symboles spéciaux, il est considéré comme un mot de passe relativement sécurisé.
Le programme spécifique est le suivant (adresse de démonstration : http://www.netInter.cn/reg) :
<script language=javascript>
//Conception du programme : Global Wanwei, spécialisé dans l'enregistrement de noms de domaine et les services d'hébergement virtuel
//Site Web : http://www.netInter.cn
//Ce programme est un programme original de Global Wanwei. Si vous devez le réimprimer, veuillez indiquer l'URL et la source. Merci.
//Les informations ci-dessus font partie intégrante du texte de l'article, donc si vous souhaitez réimprimer cet article, vous devez conserver les informations ci-dessus.
//Fonction CharMode
// Teste à quelle catégorie appartient un personnage.
fonction CharMode(iN){
si (iN>=48 && iN <=57) //numéro
renvoyer 1 ;
if (iN>=65 && iN <=90) //lettres majuscules
retourner 2 ;
si (iN>=97 && iN <=122) //minuscule
retourner 4 ;
autre
return 8; //Caractères spéciaux
}
//fonction bitTotal
//Calculer le nombre de modes qu'il y a dans le mot de passe actuel
fonction bitTotal(num){
mode=0 ;
pour (i=0;i<4;i++){
si (num & 1) modes++ ;
num>>>=1;
}
modes de retour ;
}
//fonction checkStrong
//Renvoie la
fonction de niveau de force du mot de passe checkStrong(sPW){
si (sPW.length<=4)
return 0 ; //Le mot de passe est trop court
Modes=0 ;
pour (i=0;i<sPW.length;i++){
// Testez la catégorie de chaque caractère et comptez le nombre de modèles.
Modes|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modes);
}
//fonction pwStrength
//Lorsque l'utilisateur relâche le clavier ou que la zone de saisie du mot de passe perd le focus, différentes couleurs s'affichent selon différents niveaux
function pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
si (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
}
autre{
S_level=checkStrong(pwd);
commutateur (S_level) {
cas 0 :
Lcolor=Mcolor=Hcolor=O_color;
cas 1 :
Lcolor=L_color;
Mcolor=Hcolor=O_color;
casser;
cas 2 :
Lcolor=Mcolor=M_color;
Hcolor=O_color;
casser;
défaut:
Lcolor=Mcolor=Hcolor=H_color;
}
}
document.getElementById("strength_L").style.background="/Lcolor";
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
retour;
}
</script>
<form name=form1 action="" >
Entrez le mot de passe :<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
Force du mot de passe :
<table width="217" border="1" cellpacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'>
<tr align="center" bgcolor="#eeeeee">
<td width="33%" id="strength_L">Faible</td>
<td width="33%" id="strength_M">Moyen</ td>
<td width="33%" id="strength_H">Fort</td>
</tr>
</table>
</form>