Проверка сложности пароля

[WhatIsHTML]

Проблема следующая. Необходимо, чтобы после того как пользователь ввел и стер пароль, индикатор исчез. Т.е. последовательность действий

1. Вводим пароль

2. Удаляем его.

Должен исчезнуть индикатор. В FF работает, в Хроме и Опере нет, почему?

$('#field').focus(function() { //когда фокус на поле ввода пароля
  $('#field').keypress(function() { //проверяем значение поля после каждого нажатия клавиши
    if ($('#field').val().length > 0) { //если что-то ввели, запускаем проверку сложности пароля
      $('#field').pwstrength();
      $('#pwindicator').show();
    } else {							// если ничего не ввели или ввели и затем удалили, прячем индикатор
      $('#pwindicator').hide();
    }
  })
});
$('#field').blur(function() {			//после потери фокуса проверяем значение поля, если пустое , прячем индикатор
  if ($('#field').val() == "") {
    $('#pwindicator').hide();
  }
});

https://jsfiddle.net/y6x512v9/1/

[Николя223]

пробуйте использовать .on()
 

[WhatIsHTML]

Только что, Николя223 сказал:

пробуйте использовать .on()
 

так?

$('#field').on("focus", function() {
	        $('#field').on("keypress", function() {
	            if ($('#field').val().length > 0) {
	                $('#field').pwstrength();
	                $('#pwindicator').show();
	            } else {
	                $('#pwindicator').hide();
	            }
	        })
	    });
		// эта часть работает нормально
	    $('#field').blur(function() {
	        if ($('#field').val() == "") {
	            $('#pwindicator').hide();
	        }
	    });

https://jsfiddle.net/y6x512v9/3/

Заметил что и в FF не совсем корректно работает. Если набрать пароль, затем удалить его, то индикатор исчезнет только после двойного нажатия на backspace.

[Николя223]

так может $('#field').val().trim().length

[klierik]

https://jsfiddle.net/klierik/y6x512v9/4/