May 07, 2021 jQuery
The jQuery Password Validation plug-in extends the jQuery Validate plug-in to provide two components:
A function that evaluates factors related to a password: such as a mix of letters in case, a mix of characters (numbers, special characters), length, and similarity to the user name (optional).
A custom method for verifying plug-ins that use the evaluation feature to show password strength.
The displayed text can be localized.
You can simply customize the appearance of intensity displays, localize message displays, and integrate them into existing forms.
The current version of the plug-in is 1.0.0.
Visit the jQuery Password Validation website to download the jQuery Password Validation plug-in.
To use the Password Validation plug-in, add a class "password" to input, and add a basic marker that shows strength where the form needs to be displayed:
<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>
Apply validate plug-ins to forms:
$(document).ready(function() {
$("#register").validate();
});
You can overload $.validator.passwordRating to implement different evaluation methods. Or overload $.validator.passwordRating.messages to provide additional messages, such as localization.