Compruebe la intensidad de sus contraseñas-PWStrength
| Autor: | chenmeister |
|---|---|
| Views Total: | 1,108 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 28, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
PWStrength es una biblioteca de JavaScript vainilla que comprueba la fuerza de su contraseña y proporciona una retroalimentación visual que indica si la contraseña cumple con el requisito mínimo.
Funcionamiento
Descargue e importe el script checkpw. js en el documento HTML.
<script src="js/checkpw.js"></script>
Cree un campo de contraseña en la Página Web.
<input type="password" id="password" class="form-control" name="passwordType" aria-label="Enter a password:" onkeyup="getPassword()"/>
Cree un botón para alternar la visibilidad de la entrada de contraseña.
<button id="togglePW" class="btn btn-secondary" type="button" style="cursor:pointer;" onclick="togglePassword();">Show Password</button>
Cree una lista de requisitos de contraseña debajo del campo de contraseña.
<ul class="lead list-group" id="requirements"> <li id="length" class="list-group-item">At least 8 characters</li> <li id="lowercase" class="list-group-item">At least 1 lowercase letter</li> <li id="uppercase" class="list-group-item">At least 1 uppercase letter</li> <li id="number" class="list-group-item">At least 1 numerical number</li> <li id="special" class="list-group-item">At least 1 special character</li> </ul>
