Fork me on GitHub

jQuery Password Strength Indicator

Example


Code

HTML

   
    <form action="#" method="post">
        <label for="field">Password:</label><br>
        <input type="password" id="field" data-indicator="pwindicator">
        <div id="pwindicator">
            <div class="bar"></div>
            <div class="label"></div>
        </div>
    </form>                    
                

The data-indicator attribute on the password field specifies which element is used as indicator.

JavaScript

   
    jQuery(function($) { 
        $('#field').pwstrength(); 
    });
                

You can also check the password manually by calling

    $.pwstrength

Options

Requirements

jQuery 1.5 or higher

Supported Browsers

Download

You can download this project in either zip or tar formats.

You can also clone the project with Git by running: $ git clone git://github.com/matoilic/jquery.pwstrength

Licence

Copyright © 2012 Mato Ilic

jquery.pwstrength is dual licensed under the MIT and GPL licenses:

http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html