/jquery-passtip

An inline password criteria pop up to help users understand what to type.

Primary LanguageJavaScript

jQuery PassTip

Inline password criteria display

The inspiration for creating this plugin came from a blog I follow. Paul Lewis wrote on his blog about Better password form fields and I really liked his design for an inline approach to password verification.

I also decided to add an entropy option where this plugin can be combined with a third party plugin by xero.

Usage

  1. Include jQuery:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  2. Include plugin's code and CSS:

    <script src="/js/jquery.passtip.min.js"></script>
    <link href="/css/jquery.passtip.css" rel="stylesheet" type="text/css">
  3. Call the plugin:

    $('input[type=password]').passTip();

Demo

License

MIT License