更改输入时，按钮会自动启用/禁用

Question

我想基于一个输入禁用/启用按钮。这很简单，如果输入是“”，则禁用按钮，否则启用它。

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

这样可以，但只有在用户单击文本框外部后才能启用/禁用按钮。当用户在文本框中书写而没有将其移到外面时，是否可以禁用/启用按钮。我可以绑定keyup事件吗？

Answer 1

尝试使用input事件来执行此操作，

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

Answer 2

尝试使用 keyup 而不是更改

<强> Live demo

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