Strength Meter Demo, para crear contraseñas y validarlas

DESCARGA : Strength Meter

Strength Meter Demo, para crear contraseñas y validarlas, el plugin esta realizado con html5 y jquery y nos da la facilidad de poder generar un detector de longitud, caracteres y en general fuerza para la contraseña, el plugin también pone automáticamente un checkbox que permite descubrir la contraseña escrita.

¿Que opciones tiene?

  1. Convierta automáticamente una entrada de contraseña solo agregando el atributo class con el valor strength.
  2. Automáticamente una entrada de contraseña con javascript accediendo al elemento con el id.
  3. Permite desactivar la entrada de contraseña.
  4. Permite activar o desactivar elementos de validación (la fuerza de la contraseña).
  5. Puedes utiliza un template para la entrada
  6. Maneja un botón de reset password.
  7. Tiene un generador de contraseñas (esto mediante un botón ).

 

Es importante mencionar que el plugin trabaja con bootstrap, por lo que se te sugiere implementarlo en sistemas realizados con el framework.

Algunos ejemplos de uso:


// Initialize strength meter plugin on a password input via javascript
<input id="input-2" type="password">
$("#input-2").strength();

 

Elementos desactivados.


// Set the strength meter plugin to be readonly or disabled
<input id="input-3a" type="password" class="strength" readonly="true">
<input id="input-3b" type="password" class="strength" disabled="true">

Uso avanzado


// Customize your strength verdict titles and verdict CSS classes.
<input id="input-30" type="password">
// call this javascript on document ready

$("#input-31").strength({
verdictTitles: {
0: 'Not Set',
1: 'Very Poor',
2: 'Poor',
3: 'Fair',
4: 'Good',
5: 'Excellent'
},
verdictClasses: {
0: 'text-muted',
1: 'text-danger',
2: 'text-warning',
3: 'text-info',
4: 'text-primary',
5: 'text-success'
},
});

Demostración:http://plugins.krajee.com/strength-meter/demo

 

 

You may also like...