Minimal jQuery Password Strength Indicator - Hippo Password Strength

Minimal jQuery Password Strength Indicator - Hippo Password Strength
File Size: 11 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Hippo Password Strength is a fancy jQuery plugin that checks and indicates the strength level of password user input using custom images.

Related plugins:

How to use it:

1. Include jQuery javascript library and jQuery Hippo Password Strength Plugin on the web page

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="jquery.hippo-password-strength.js"></script>

2. Create a password input on your web page.

<input class="password" type="password" name="params[password]" value="" data-indicator="strengthLevel">

3. Insert an image for password strength level 1. 

<img id="strengthLevel" src="images/strength_1.gif">

4. Initialization

<script>
$(function(){
    $('.password').hippoPasswordStrength();
});
</script>

Change log:

v1.2.0 (2013-09-05)

  • updated to the latest version

This awesome jQuery plugin is developed by kurotaky. For more Advanced Usages, please check the demo page or visit the official website.