appleshan / jquery-passtip

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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


Languages

Language:JavaScript 74.9%Language:CSS 25.1%