我想基于一个输入禁用/启用按钮。这很简单,如果输入是“”,则禁用按钮,否则启用它。
$('#searchBarTextbox').on('change', function () {
if ($('#searchBarTextbox').val() !== "") {
$('#btnSearchOk').prop('disabled', false);
} else {
$('#btnSearchOk').prop('disabled', true);
}
});
这样可以,但只有在用户单击文本框外部后才能启用/禁用按钮。当用户在文本框中书写而没有将其移到外面时,是否可以禁用/启用按钮。我可以绑定keyup事件吗?
答案 0 :(得分:2)
尝试使用input
事件来执行此操作,
$('#searchBarTextbox').on('input', function () {
$('#btnSearchOk').prop('disabled', $.trim($('#searchBarTextbox').val()) === "");
});
答案 1 :(得分:1)
尝试使用 keyup 而不是更改
<强> Live demo
$('#searchBarTextbox').keyup(function () {
if ($('#searchBarTextbox').val() !== "") {
$('#btnSearchOk').prop('disabled', false);
} else {
$('#btnSearchOk').prop('disabled', true);
}
});