Как убрать текст ошибки после ввода сообщения?

Question

[Zhandoss]

Есть проверка формы.
После ввода в тесктовое поле, необходимо убрать сообщение об ошибке в этом же условие. Пробовал воспользоваться методом keyup, не получилось.
Ниже код:

$('#form').submit(function() {
        var message = $('#message');
        if (message.val() ==  '') {
            $('.error').text('Введите сообщение!').css('color', 'red');
            return false;
        } 
        }

Answer 1

[Пашенька]

Нужно навесить обработчик нажатия клавиш на этот инпут вне обработчика .submit:

document.getElementById('message').oninput = function(e) {
    document.querySelector('.error').style.display = 'none';
}

Жестковатый код, но поскольку вы всёравно пишете на жуйквери то сойдёт.

Comments

[Zhandoss]

Пробовал в этом же условие написать, не реагирует.
Else {
message.keyup(function() {
$('.error').text('')
})
}

[Zhandoss]

Пашенька, А нельзя ли событие как то использовать в данном обработчике submit?
Чтобы не отделять это все.

[Пашенька]

Zhandoss, else с маленькой буквы пишется.

[Zhandoss]

Пашенька, насчет else здесь так получилось, зажал shift)
Попробую спратать, спасибо!

[Zhandoss]

Пашенька, Паш, спасибо! На jquery сделал отдельное событие. Но не радует)
Будем думать дальше

[Пашенька]

Zhandoss, Прошу прощения я пока не проснулся и пишу бред, не увидел что текст ошибки устанавливается всякий раз. Вот переписал ваш код, должно работать:

(function() {
	var $message = $('#message'),
			$error = $('.error');

	$error.on('keydown', function() {
		$(this).text('');
	});

	$('#form').submit(function(event) {
		if ($message.val() === '') {
				$error.text('Введите сообщение!').css('color', 'red');
				return false;
		} else {
				$error.text('');
		}
	});
})();

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

[Zhandoss]

Пашенька, Спасибо! Протестирую, отпишусь.