Quickload | Password meter

Password meter

Password Strength Meter for Twitter Bootstrap

The jQuery Password Strength Meter is a plugin for Twitter Bootstrap that provides rulesets for visualy displaying the quality of a users typed in password.

Basic example

var options1 = {};
options1.ui = {
    container: "#pwd-container",
    showVerdictsInsideProgressBar: true,
    viewports: {
        progress: ".pwstrength_viewport_progress"
    }
};
options1.common = {
    debug: false
};
$('.example1').pwstrength(options1);

Show the password strength as a status in the field

var options2 = {};
options1.ui = {
    container: "#pwd-container2",
    showStatus: true,
    showProgressBar: false,
    viewports: {
        verdict: ".pwstrength_viewport_verdict"
    }
};
$('.example2').pwstrength(options2);

Interact with other inputs

var options3 = {};
options3.ui = {
    container: "#pwd-container3",
    showVerdictsInsideProgressBar: true,
    viewports: {
        progress: ".pwstrength_viewport_progress2"
    }
};
options3.common = {
    debug: true,
    usernameField: "#username"
};
$('.example3').pwstrength(options3);

Use zxcvbn to calculate the password strength

Year of birth

Family Name

Password

The content of the form inputs and the words samurai, shogun, bushido, daisho and seppuku are disrecommended in the password, and the score will adjust properly.

var options4 = {};
options4.ui = {
    container: "#pwd-container4",
    viewports: {
        progress: ".pwstrength_viewport_progress4",
        verdict: ".pwstrength_viewport_verdict4"
    }
};
options4.common = {
    zxcvbn: true,
    zxcvbnTerms: ['samurai', 'shogun', 'bushido', 'daisho', 'seppuku'],
    userInputs: ['#year', '#familyname']
};
$('.example4').pwstrength(options4);