Power PWChecker – jQuery Strong Password Plugin

Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure.  Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.

How to use

– add the latest reference to jQuery library

– add a reference to pschecker.js file

– add a reference to style.css file

The HTML

<div class="password-container">
  <p>
    <label>Enter Password:</label>
    <input type="password" class="strong-password"/>
  </p>
  <p>
    <label>Confirm Password:</label>
    <input type="password" class="strong-password"/>
  </p>
  <p>
    <a href="#" class="submit-button locked">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>
Fire the plugin
$(document).ready(function () {
  $('.password-container').pschecker({ onPasswordValidate: validatePassword, onPasswordMatch: matchPassword });
});

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s