Как отследить изменение значения input'а?

Question

[Михаил Р.]

Задача: имеется input, при изменение содержимого input -> изменить класс и атрибут bottom. Изменения input нужно ловить на лету, а не в момент потери фокуса input.

Вопрос:
1. Написал вариант, который работает, правильно-ли? Может есть более профессиональный вариант решения задачи?
2. А если input-ов будет 2 и более (все обязательные к заполнению), то как записать это правильно?

var inputLogin = $('#authFormInputLogin');
    
    // пока еще не изменяли input
    if(!inputLogin.val())
    {
        $(submitButton).addClass('disabled');
        $(submitButton).prop('disabled', true);
    }
    
    $(inputLogin).keyup(function () {

        if (!inputLogin.val())
        {
            $(submitButton).addClass('disabled');
            $(submitButton).prop('disabled', true);
        }
        else
        {
            $(submitButton).removeClass('disabled');
            $(submitButton).prop('disabled', false);
        }

    });

Answer 1

[Дмитрий Евграфович]

.on('keyup change', function() {})

Comments

[ThunderCat]

тогда уж и click добавить надо.

[Дмитрий Евграфович]

ThunderCat, click не меняет содержимое элемента, он тут бессмысленен.

[ThunderCat]

Дмитрий Евграфович, тогда уж "input", т.к. "change" срабатывает на потерю фокуса, и не уверен что срабатывает на вставку / вырезку текста мышкой.

[Михаил Р.]

ThunderCat,

keyup change

не уверен что срабатывает на вставку / вырезку текста мышкой

- работает

[Дмитрий Евграфович]

ThunderCat, да, вы правы, input лучше будет. Mike Ro - поставьте вместо keyup change лучше input, тут подробно расписано, когда и что срабатывает. https://learn.javascript.ru/events-change

Answer 2

[ThunderCat]

если я мышкой вырежу или вставлю контент - евент не сработает. Есть готовые библиотеки проверки с нужным вам функционалом, ищите jquery form validation plugin и выбирайте что максимально подходит под ваши запросы.