Latest web development tutorials

jQuery Validation Mot de passe (authentification par mot de passe)

jQuery Validation Mot de passe (authentification par mot de passe) plug-ins étendre le plugin jQuery Validation fournit deux composants:
Pour évaluer la fonction des facteurs pertinents du mot de passe: par exemple, le mélange de lettres majuscules et minuscules, caractères (chiffres, caractères spéciaux) mixtes, la longueur et la similitude du nom d'utilisateur (en option).
Une méthode d'utilisation des méthodes de plug-in d'authentification de la force du mot de passe fonction d'évaluation affichage personnalisés. Affichage de texte peut être localisé.

Vous pouvez facilement personnaliser l'apparence de l'intensité de l'affichage, des sources localisées, et intégrées dans la forme actuelle.

La version plug-in est actuellement 1.0.0.

utilisation

Pour utiliser le mot de passe de validation (authentification par mot de passe) plug-in, ajouter une classe "mot de passe" à l'entrée, tout en ajoutant une marque de base locale est affichée sous la forme de force à afficher: 

<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>

Valider la forme d'applications de plug-in: 

$(document).ready(function() {
  $("#register").validate();
});

Vous pouvez remplacer la .validator.passwordRating $ mettre en œuvre différentes méthodes d'évaluation. Ou surchargé .validator.passwordRating.messages de $ pour fournir des messages supplémentaires, tels que localisée.

Exemples Démo 

<!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>

la