Un plugin de JavaScript para calificar su fuerza de contraseña-passwordMeter. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: caitlindaitch
Views Total: 1,899
Sitio oficial: Ir a la web
Actualizado: January 8, 2017
Licencia: MIT

Vista prévia

Un plugin de JavaScript para calificar su fuerza de contraseña-passwordMeter. js

Descripción

Un plugin de medidor de fuerza de contraseña basado en Vanilla JS súper pequeño que muestra una retroalimentación de texto sin formato que indica la intensidad de contraseña actual al escribir.

Funcionamiento

Cree un elemento ' rating ' junto al campo de contraseña para mostrar la intensidad de la contraseña actual.

<div class="rating"></div>

Coloque el archivo JavaScript ' passwordMeter. js ' en la página web cuando sea necesario.

<script src="passwordMeter.js"></script>

Estilo del elemento de clasificación de contraseña:

.rating {

font-weight: bold;

border-radius: 3px;

color: white;

display: inline-block;

padding: 5px;

text-transform: uppercase;
}

Aplique diferentes estilos CSS al elemento de clasificación dependiendo de la intensidad de la contraseña actual:

.weakPassword { background-color: #EF1111; }

.moderatePassword { background-color: #FFC700; }

.strongPassword { background-color: #22BA3E; }

Te puede interesar: