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');
}
});
|
