生成密码时重置jquery加强

Question

我已经实现了 jquery 加强库 (https://github.com/MorrisJobke/strengthify) 来验证密码强度以及随机密码生成器。我遇到的问题是，当用户输入一个弱密码然后决定生成一个密码时，强度检查器不会重新评估输入并保留旧的验证失败。

我需要帮助来重置生成密码时的验证失败。

代码见下方

...
<div class="password-group">
    <label for="UserPasswordInput">Password</label>
    <a href="#" id="generatePassword">Generate</a>
    <input name="user_password" type="text" class="password-field" id="UserPasswordInput">
</div>
...
<script>
$(document).ready(function() {
    $('#generatePassword').click(function (e) {
        password = $.password(10);
        $('.password-field').val(password);
        e.preventDefault();
    });
    $('.password-field').strengthify({
        zxcvbn: 'https://cdn.rawgit.com/dropbox/zxcvbn/master/dist/zxcvbn.js',
        drawTitles: true,
        drawMessage: true
    });
});
</script>

https://jsfiddle.net/wo4tzLn1/1/

Answer 1

我会尝试触发 change:

$('#generatePassword').click(function (e) {
    password = $.password(10);

    $('.password-field').val(password);
    
    // CHANGE HERE
    $('.password-field').trigger("change");

    e.preventDefault();
});

详细信息 - val() doesn't trigger change() in jQuery

演示 - https://jsfiddle.net/vyspiansky/7p3ace1d/

生成密码时重置jquery加强

Reset jquery strengthify when generating a password

javascript

passwords

jquery