Блог

Главная - Вопросы по программированию - Проверка значения текстовой области в реальном времени

Проверка значения текстовой области в реальном времени

#javascript #jquery #live

#javascript #jquery #ЖИВЫЕ КОНЦЕРТЫ

Вопрос:

У меня есть текстовая область с идентификатором upload-message. И этот jvavscript:

  // step-2 happens in the browser dialog
            $('#upload-message').change(function() {
                $('.step-3').removeClass('error');
                $('.details').removeClass('error');
            });

Но как я могу проверить это в реальном времени? Теперь я ввожу текстовое поле для отправки сообщения. И выйдите из текстовой области. Затем запускается функция jquery. Но как я могу сделать это в реальном времени?

Спасибо

Комментарии:

1. Что вы подразумеваете под «живым»? При каждом нажатии клавиши?

2. Что вы имеете в виду в реальном времени? Как вы вводите?

3. Вероятно, вы хотите использовать .keyup .keydown события or, а не действие .change for в реальном времени

Ответ №1:

С .keyup :

 $('#upload-message').keyup(function() {
    $('.step-3, .details').removeClass('error');
});

Однако это будет продолжаться при каждом нажатии клавиши, что в указанном вами случае не имеет смысла.

Вы должны связать его один раз с one :

 $('#upload-message').one('keyup', function() {
    $('.step-3, .details').removeClass('error');
});

…так что это событие будет срабатывать только один раз.

Ответ №2:

Просто привяжите некоторый код к keyup событию:

 $('#upload-message').keyup(function(){
    //this code fires every time the user releases a key
    $('.step-3').removeClass('error');
    $('.details').removeClass('error');
});