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

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