javascript - Jquery.pwstrength 密码强度指示器规则不起作用

Question

过去几天我一直在尝试在我正在进行的项目中实现密码强度指示器，并决定使用 Jquery.pwstrength。

UI 工作正常，并且有两个规则正在运行，即 wordSequences 和 wordRepetitions，但是其他规则都没有被强制执行，但都已激活并附加了分数。

这是我的代码:

$(document).ready(function() {
    options = {
        common: {
            minChar: 8,
            debug: true
        },
        ruleScores: {
            wordLength: -100,
            wordRepititions: -100,
            wordLowercase: 1,
            wordUppercase: 3,
            wordOneNumber: 3,
            wordThreeNumbers: 5,
            wordOneSpecialChar: 3,
            wordTwoSpecialChar: 5,
            wordUpperLowerCombo: 2,
            wordLetterNumberCombo: 2,
            wordLetterNumberCharCombo: 2
        },
        rules: {
            wordSequences: true,
            wordRepetitions: true,
            wordLength: true,
            wordLowercase: true,
            wordUppercase: true,
            wordOneNumber: true,
            wordThreeNumbers: true,
            wordOneSpecialChar: true,
            wordTwoSpecialChar: true,
            wordUpperLowerCombo: true,
            wordLetterNumberCombo: true,
            wordLetterNumberCharCombo: true
        },
        ui: {
            showPopover: true,
            showErrors: true,
            showProgressBar: true
        }
    };
    $('#password').pwstrength(options);
});

这是我正在使用指标的 HTML 页面:

<div class="form-group">
    <form:label path="password" class="col-sm-2 control-label required">Password:</form:label>
    <div class="col-sm-10">
        <c:if test="${not empty passwordRequired}">
            <form:input id="password" path="password" class="form-control" type="password" required="true" />
        </c:if>
        <c:if test="${empty passwordRequired}">
            <form:input id="password" path="password" class="form-control" type="password" />
        </c:if>
    </div>
</div>

知道这里发生了什么吗？我也在 HTML 中包含了正确的文件。

Answer 1

我刚刚开始使用这个，所以我对此不太了解，但我注意到在你的代码中，规则分数缺少“wordSequences”，并且规则分数和规则在“wordRepititions”与“wordRepetitions”中也有所不同