Contraseña fuerza corrector en JavaScript

En este tutorial JavaScript, vamos a aprender cómo implementar contraseña fuerza corrector ? Este artículo tutorial / contiene código JavaScript para comprobar la intensidad de la contraseña .

Si usted ha sido un usuario habitual de Internet, usted debe haber visto de la contraseña funcionalidad en muchos sitios web. En general, cuando se sube a inscribirse o crear su cuenta, el sitio web que ayuda a mantener la contraseña segura class por su cuenta que le muestra su de la contraseña .

con JavaScript, también podemos hacerlo muy bien. Todo lo que debe tener en cuenta es que lo que las métricas de fuerza que está considerando. Si usted está planeando implementar un corrector de la contraseña for su sitio web, entonces usted debería considerar este artículo.

código JavaScript:

let strength = {
1: 'Very Weak',
2: 'Weak',
3: 'Medium',
4: 'Strong',
5: 'Very Strong'
};

En primer lugar, definimos valores de resistencia for nuestro corrector de la contraseña. Hemos tomado estos valores dentro de un objeto, por lo que podemos comprobar directamente con la clave de la situación, en lugar de utilizar la serie de if-else.

código JavaScript:

let strengthValue = {
'caps': false,
'length': false,
'special': false,
'numbers': false,
'small': false
};

Luego definimos strengthValue parámetros class nuestra herramienta. Estos son sistemas de medición comunes que es posible que ya se ha visto, como si incluye letras mayúsculas, símbolos, números, etc. Por for, el valor es falso, ya no tendremos en cuenta el parámetro falsa en nuestro valor de la resistencia.

Ahora es el momento de tomar la entrada del usuario y comprobar la fuerza de su contraseña.

código JavaScript:

let password = prompt("Enter your password");
if(password.length >= 8) {
strengthValue.length = true;
}

Almacenamos esta entrada en variable de contraseña, y marca su longitud. Dado que muchos verificadores de contraseñas tienen longitud de restricción, que tome 8 aquí. Si la duración es superior a 8, entonces hacemos el parámetro de longitud cierto en strengthValue . A continuación, pasamos a comprobar la intensidad de cadena class métricas

código JavaScript:

for(let index=0; index < password.length; index++) {
let char = password.charCodeAt(index);
if(!strengthValue.caps && char >= 65 && char <= 90) {
strengthValue.caps = true;
} else if(!strengthValue.numbers && char >=48 && char <= 57){
strengthValue.numbers = true;
} else if(!strengthValue.small && char >=97 && char <= 122){
strengthValue.small = true;
} else if(!strengthValue.numbers && char >=48 && char <= 57){
strengthValue.numbers = true;
} else if(!strengthValue.special && (char >=33 && char <= 47) || (char >=58 && char <= 64)) {
strengthValue.special = true;
}
}

Aquí primer bucle que en cada carácter de la contraseña. Dentro de ella, se obtiene el código for de cada carácter de la contraseña. Necesitamos código de caracteres de manera que podemos comparar con el código de default de otro carácter.

En la primera si condición, comprobamos si el valor de strengthValue.caps es falsa, ya que, si esta métrica ya sea satisfactorio, no queremos volver a comprobarlo. Junto con eso, comprobamos si el código de carácter cae en el medio de códigos de caracteres de Un de Z . Del mismo modo, hacemos otras métricas class también.

código JavaScript:

let strengthIndicator = 0;
for(let metric in strengthValue) {
if(strengthValue[metric] === true) {
strengthIndicator++;
}
}
console.log("Your password: " + password + " ( " + strength[strengthIndicator] + " )");

class, que el registro para obtener el valor de todas las métricas. for esto, el ciclo que recorre todos los char ..en bucle métrica en strengthValue usando, que s utiliza para atravesar todas las teclas de un objeto.

Dentro de ella, simplemente comprobar si el valor de cada métrica es cierto. Si es así, entonces el incremento del valor del strengthIndicator . Y char, que la consola vence el valor del valor indicado junto con la contraseña.

Esto fue sólo un ejemplo sencillo, cómo se puede crear una funcionalidad común que vemos todos los días con Javascript. Ver la demo aquí,

DEMO y rarr;

salida

1) Será solicitud de contraseña class, introduzca la contraseña y pulse bien.

Password strength checker in JavaScript - 4

2) Presione CTRL + SHIFT + J para leña.

Password strength checker in JavaScript - 5

3) Aquí está su contraseña y su fuerza.

Password strength checker in JavaScript - 6

Esperanza usted tiene gusto del artículo. Comparte tu opinión en los comentarios a continuación.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *