Использование события изменения для текстового поля

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

Если вы хотите обновить прочность пароль, когда programically изменения пароля (то есть, очищая его), все, что вы должны сделать, это вызвать событие изменения на входе элемента. Например:

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

Updated Example