JQuery проверить пустое поле

Question

У меня есть вопрос, связанный с jquery. По сути, я хочу сделать очень простую вещь. У меня есть поле для ввода текста. При отправке я хочу отобразить сообщение об ошибке, если поле не заполнено. Я сделал так:

 errMsg = "Please write name";              
    $("div#errMsg").css("background-color", "red");
     $("div#errMsg").html(errMsg);

и в HTML:

<div id="errMsg"></div>
    <strong>Name:  </strong>
    <input name="name" id="name" type="text" maxlength="255" size="50" />

Работает нормально, но есть проблема. Когда я оставляю поле пустым, и оно отображает сообщение об ошибке, сообщение об ошибке не исчезает без обновления страницы. Я пытаюсь сделать так, чтобы при появлении сообщения об ошибке и вводе чего-либо в поле оно автоматически удаляло ошибку, не обновляя страницу. Любая помощь приветствуется. Благодарю.

Answer 1

$('#name').keyup(function() {

   if ($(this).val()) {
       $("div#errMsg").fadeOut(100);
   }

});

Обязательно позвоните show() $("div#errMsg") при следующем отображении.

Answer 2

Зарегистрируйте прослушиватель для события нажатия клавиш . Затем вы можете повторно проверять поле каждый раз, когда пользователь что-то вводит в него. Альтернативой является использование события change , которое срабатывает только тогда, когда пользователь меняет поле, а затем переключает фокус на что-то другое.