jQuery contraseña de validación (autenticación de contraseña)
jQuery contraseña de validación (autenticación de contraseña) plug-ins de ampliar el plugin de jQuery Validar proporciona dos componentes:
Para evaluar la función factores contraseña correspondiente: por ejemplo, la mezcla de letras mayúsculas y minúsculas, caracteres (números, caracteres especiales), se mezclaron la longitud, y la similitud del nombre de usuario (opcional).
Un método para utilizar el plug-in de autenticación de la contraseña métodos personalizados pantalla de función de evaluación. pantalla de texto puede ser localizada.
Puede personalizar fácilmente la apariencia de la intensidad de la pantalla, las fuentes localizadas, e integrado en la forma existente.
La versión plug-in es actualmente 1.0.0.
uso
Para utilizar la contraseña de validación (autenticación de contraseña) plug-in, agregar una clase "contraseña" a la entrada, mientras que la adición de marca de base local, se muestra en forma de fuerza que se mostrará:
<form id="register"> <label for="password">Password:</label> <input class="password" name="password" id="password" /> <div class="password-meter"> <div class="password-meter-message"> </div> <div class="password-meter-bg"> <div class="password-meter-bar"></div> </div> </div> </form>
Validar la forma de aplicaciones plug-in:
$(document).ready(function() {
$("#register").validate();
});
Puede sustituir el $ .validator.passwordRating implementar diferentes métodos de evaluación. O sobrecargado $ .validator.passwordRating.messages para proporcionar mensajes adicionales, tales como localizada.
Los ejemplos de demostración
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "field" required to be the same as #other</title>
<link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
</head>
<body>
<form id="myform">
<label for="password">Password</label>
<input id="password" name="password" />
<br/>
<label for="password_again">Again</label>
<input class="left" id="password_again" name="password_again" />
<br>
<input type="submit" value="Validate!">
</form>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$( "#myform" ).validate({
rules: {
password: "required",
password_again: {
equalTo: "#password"
}
}
});
</script>
</body>
</html>