Medidor de fuerza de contraseñas

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Cada vez se pueden ver en más páginas de registro donde se requiere introducir una contraseña, un campo al lado con una señal que se encargará de medir la fuerza y por lo tanto, la calidad de nuestra contraseña, para ello tomará como referencia la utilización de: número de caracteres, inclusión de númeeros/letras, signos de puntuación y combinación de palabras mayúsculas y minusculas.

password-strength-checker

Power PWChecker es un plugin en jQuery que se encarga de comprobar la calidad de las contraseñas escritas por los usuarios. Para llevarlo esto a cabo previamente requiere definir algunos parámetros como por ejemplo, la cantidad mínima y máxima de caracteres para que las contraseñas sean válidas y los dos avisos de contraseña correcta y concordancia entre dos contraseñas.

Para comenzar a utilizarlo añadimos las referencia a la librería jQuery, llamamos a los ficheros: pschecker.js y style.css

Añadimos el siguiente código HTML, con la clase "password-container" para los campos de contraseña y llamamos a la función de inicialización con los parámetros requeridos.

<div class="password-container">
           <p>
               <label>
                   Enter Password:</label>
               <input class="strong-password" type="password" />
           </p>
           <p>
               <label>
                   Confirm Password:</label>
               <input class="strong-password" type="password" />
           </p>
           <p>
               <a class="submit-button locked" href="#">Submit</a>
           </p>
           <div class="strength-indicator">
               <div class="meter">
               </div>
               Strong passwords contain 8-16 characters, do not include common words or names,
               and combine uppercase letters, lowercase letters, numbers, and symbols.
           </div>
       </div>

Este es un ejemplo de cómo utilizar un medidor de fuerza de contraseña:

<!--
  $(document).ready(function () {
            //Demo code
            $('.password-container').pschecker({ onPasswordValidate: validatePassword, onPasswordMatch: matchPassword });-->

Sé la primera persona en comentar

Deja un comentario

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

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.