Las contraseñas se han convertido en una herramienta indispensable en nuestra vida y trabajo, pero una contraseña insegura puede causarnos pérdidas innecesarias. Como diseñadores de sitios web, si podemos realizar una evaluación de seguridad de la contraseña ingresada por el usuario en la página web y mostrar la información correspondiente, será de gran ayuda para el usuario establecer una contraseña segura. Al mismo tiempo, también hace que el sitio web sea más fácil de usar y atractivo.
¿Qué es una contraseña segura? Este programa la evalúa de la siguiente manera.
1. Si la contraseña tiene menos de 5 caracteres, se considera una contraseña débil.
2. Si la contraseña solo consta de números, letras minúsculas, letras mayúsculas u otros símbolos especiales, se considera una contraseña débil.
3. Si la contraseña consta de dos tipos de números, letras minúsculas, letras mayúsculas u otros símbolos especiales, se considera una contraseña moderadamente segura.
4. Si la contraseña consta de más de tres tipos de números, letras minúsculas, letras mayúsculas u otros símbolos especiales, se considera una contraseña relativamente segura.
El programa específico es el siguiente (dirección de demostración: http://www.netInter.cn/reg):
<script language=javascript>
// Diseño del programa: Global Wanwei, especializado en registro de nombres de dominio y servicios de alojamiento virtual
//Sitio web: http://www.netInter.cn
// Este programa es un programa original de Global Wanwei. Si necesita reimprimirlo, indique la URL y la fuente.
//La información anterior es una parte integral del texto del artículo, por lo que si desea reimprimir este artículo, debe conservar la información anterior.
//Función CharMode
//Prueba a qué categoría pertenece un personaje.
función CharMode(en){
si (en>=48 && en <=57) //número
devolver 1;
if (iN>=65 && iN <=90) //letras mayúsculas
devolver 2;
if (en>=97 && en <=122) //minúsculas
devolver 4;
demás
devolver 8; //caracteres especiales
}
//función bitTotal
//Calcula cuantos modos hay en la contraseña actual
función bitTotal(núm){
modos=0;
para (i=0;i<4;i++){
if (num & 1) modos++;
número>>>=1;
}
modos de retorno;
}
//función checkStrong
// Devuelve la
función de nivel de seguridad de la contraseña checkStrong(sPW){
si (sPW.longitud<=4)
return 0; //La contraseña es demasiado corta
Modos=0;
para (i=0;i<sPW.length;i++){
//Prueba la categoría de cada personaje y cuenta cuántos patrones hay.
Modos|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modos);
}
//función pwStrength
//Cuando el usuario suelta el teclado o el cuadro de entrada de contraseña pierde el foco, se muestran diferentes colores según los diferentes niveles
function pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
si (contraseña==nulo||contraseña==''){
Lcolor=Mcolor=Hcolor=O_color;
}
demás{
S_level=checkStrong(contraseña);
cambiar(nivel_S) {
caso 0:
Lcolor=Mcolor=Hcolor=O_color;
caso 1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
romper;
caso 2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
romper;
por defecto:
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;
devolver;
}
</script>
<nombre del formulario=form1 acción="" >
Ingrese la contraseña:<tipo de entrada=tamaño de la contraseña=10 onKeyUp=pwStrength(este.valor) onBlur=pwStrength(este.valor)>
<br>Seguridad de la contraseña:
<table width="217" border="1" cellspace="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'>
<tr align="center" bgcolor="#eeeeee">
<td width="33%" id="strength_L">Débil</td>
<td width="33%" id="strength_M">Medio</ td>
<td ancho="33%" id="strength_H">Fuerte</td>
</tr>
</tabla>
</form>