对文本字段使用更改事件

Question

我正在使用 jQuery plugin，它提供规则集以直观显示用户输入密码的质量。

这是一个 JSFIDDLE 以了解该插件的工作原理。

这对我来说很好用。但我有一个问题，当我输入密码时，视觉进度条正在工作。但是当我将一些文本粘贴到 password 字段时，它的进度条不起作用。

任何人都可以告诉我，我们可以更新这个插件来解决这个问题吗？

我用这个jQuery-

jQuery(document).ready(function () {
    var options = {
        onLoad: function () {
            $('#messages').text('Start typing password');
        },
        onKeyUp: function (evt) {
            $(evt.target).pwstrength("outputErrorList");
        }
    };
    $(':password').pwstrength(options);
});

希望有人能帮助我。谢谢你。

Answer 1

基于the plugin documentation，您可以使用.pwstrength("forceUpdate")强制更新。

只需为 paste/change 事件添加一个事件侦听器，然后使用该方法更新密码强度。

$(':password').on('paste change', function () {
    $(this).pwstrength("forceUpdate");
});

如果您想在以编程方式更改密码（即清除密码）时更新密码的强度，您只需在输入元素上触发一个更改事件。例如：

$('#clear').on('click', function () {
    $('#password').val('').change();
});

Updated Example

对文本字段使用更改事件

Using a change event for text field

javascript

jquery

onchange