对文本字段使用更改事件

时间:2015-01-12 03:17:20

标签: javascript jquery onchange

我正在使用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);
});

希望有人可以帮助我。 谢谢。

1 个答案:

答案 0 :(得分:3)

根据the plugin documentation,您可以使用.pwstrength("forceUpdate")强制进行更新。

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

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

如果要在以编程方式更改密码(即清除密码)时更新密码的强度,您只需在输入元素上触发更改事件即可。例如:

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

Updated Example