jQuery Power PWChecker

jQuery Power PWChecker

Here is a free plugin which helps your website users come up with a more secure password. Called the Power PWChecker, this is a jQuery plugin that can be integrated with any form.

What the Power PWChecker does is it observes the passwords and checks its strength so the users would know if their choices are secure. It allows them to key in a specified minimum (default is 8 characters) and maximum (default is 16 characters) length and provides a match for their entries to see if there are inconsistencies. There is also a Callback function for onPasswordValidate and onPasswordMatch, and works well also on websites with own host. 

When using the plugin, add the latest reference to jQuery library, pschecker.js file and style.css file.

Here is the markup below.

<div class="password-container">

           <p>

               <label>

                   Enter Password:</label>

               <input class="strong-password" type="password" />

           </p>

           <p>

               <label>

                   Confirm Password:</label>

               <input class="strong-password" type="password" />

           </p>

           <p>

               <a class="submit-button locked" href="#">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>

<!--

  $(document).ready(function () {

            //Demo code

            $('.password-container').pschecker({ onPasswordValidate: validatePassword, onPasswordMatch: matchPassword });-->

One awesome site for best web design that you can visit ...