Блог

Я хочу отключить / включить кнопку на основе одного ввода. Все просто, если ввод «», отключите кнопку, в противном случае включите ее.

  $('#searchBarTextbox').on('change', function () {
             if ($('#searchBarTextbox').val() !== "") {
            $('#btnSearchOk').prop('disabled', false);
        } else {
            $('#btnSearchOk').prop('disabled', true);
            }
});
 

Это работает нормально, но кнопка включается / отключается только после того, как пользователь щелкнул за пределами текстового поля. Возможно ли отключить / включить кнопку, пока пользователь пишет в текстовом поле, не выводя их наружу. Могу ли я привязаться к событию ввода?

Попробуйте использовать input событие для этого,

 $('#searchBarTextbox').on('input', function () {
 $('#btnSearchOk').prop('disabled', $.trim($('#searchBarTextbox').val()) === "");
});
 

Попробуйте использовать keyup вместо change

Живая демонстрация

  $('#searchBarTextbox').keyup(function () {
     if ($('#searchBarTextbox').val() !== "") {
        $('#btnSearchOk').prop('disabled', false);
     } else {
        $('#btnSearchOk').prop('disabled', true);
     }
});