密码表

密码表

Twitter Bootstrap密码强度表

jQuery密码强度计是Twitter Bootstrap的一个插件,它提供了可视化显示输入密码的用户质量的规则集。

基本例子
var options1 = {};
options1.ui = {
    container: "#pwd-container",
    showVerdictsInsideProgressBar: true,
    viewports: {
        progress: ".pwstrength_viewport_progress"
    }
};
options1.common = {
    debug: false
};
$('.example1').pwstrength(options1);
                            
在该字段中显示密码强度作为状态
var options2 = {};
options1.ui = {
    container: "#pwd-container2",
    showStatus: true,
    showProgressBar: false,
    viewports: {
        verdict: ".pwstrength_viewport_verdict"
    }
};
$('.example2').pwstrength(options2);
                            
与其他输入进行交互
var options3 = {};
options3.ui = {
    container: "#pwd-container3",
    showVerdictsInsideProgressBar: true,
    viewports: {
        progress: ".pwstrength_viewport_progress2"
    }
};
options3.common = {
    debug: true,
    usernameField: "#username"
};
$('.example3').pwstrength(options3);
                            
使用zxcvbn来计算密码强度

表单输入的内容和单词 samurai, shogun, bushido, daishoseppuku 在密码中是不推荐的,得分将适当调整。

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