PassTip jQuery Plugin
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 wholeheartedly agree with him on the issue that some of the settings many sites use "engender terrible passwords", I also agree that it is very annoying to enter a password and then find out that the field requires special characters or an uppercase characters, etc. To hopefully combat that, I decided to add an entropy option where this plugin can be combined with a third party plugin by xero.
Download
- Download from GitHub
Demo
Note: This demo has entropy enabled
Documentation
property | Type | Description |
upper_case | Boolean | Defaults to true. Will check if the password has at least 1 uppercase character.
$('#password').passTip({ upper_case : true }); |
lower_case | Boolean | Defaults to true. Will check if the password has at least 1 lowercase character.
$('#password').passTip({ lower_case : true }); |
numeric | Boolean | Defaults to true. Will check if the password has at least 1 numeric character.
$('#password').passTip({ numeric : true }); |
special_characters | Boolean | Defaults to true. Will check if the password has at least 1 special character. (e.g. [email protected]#%$%)
$('#password').passTip({ special_characters : true }); |
min_characters | integer | Defaults to 6. Will check if the password length is at least 6 characters.
$('#password').passTip({ min_characters : 3 }); |
max_characters | integer | Defaults to 12. Will check if the password length cannot be more than 12 characters.
$('#password').passTip({ max_characters : 24 }); |
entropy | Mixed | Defaults to false. Will check the password entropy via a [third party plugin](https://github.com/xero/passwordEntropy.js). To set a level of entropy to check for, choose the following: `very-weak`, `weak`, `medium`, `strong`, `very-strong`
$('#password').passTip({ entropy : 'very-strong' }); |
success | function | Callback that runs on success of all passtip settings passing
$('#password').passTip({ success : function() { alert('done'); } }); |