jquery将继续检查输入是否为空

我想在用户键入时检查输入是否为空

这是我的密码

$('#visitID').on('change', function () {
        if ($('#visitID').val().length == 0) {
            $("#saveandclosebutton").hide();
        } else {
            $("#saveandclosebutton").show();
        }
    });

但即使我的输入为空，

saveandclosebutton

也不会隐藏。

尝试将与选择器一起使用，以及在输入中键入文本时使用事件进行实时更新：

$('#visitID').on('change keyup', function () {
    if ($(this).is(':empty')) {
        $("#saveandclosebutton").hide();
    } else {
        $("#saveandclosebutton").show();
    }
});

尝试将与选择器一起使用，以及在输入中键入文本时使用事件进行实时更新：

$('#visitID').on('change keyup', function () {
    if ($(this).is(':empty')) {
        $("#saveandclosebutton").hide();
    } else {
        $("#saveandclosebutton").show();
    }
});

试一试

试一试

---

我猜

saveandclosebutton

的调用方式有所不同。首先尝试查看主逻辑是否工作正常：

$('#visitID').on('change keyup', function () {
      console.log($('#visitID').val().length);
});

---

并检查控制台是否有任何输出。您可以像我那样添加

keyup

，以便在每次按键后都进行检查。

我想

保存和关闭按钮的调用方式有所不同。首先尝试查看主逻辑是否工作正常：

$('#visitID').on('change keyup', function () {
      console.log($('#visitID').val().length);
});

并检查控制台是否有任何输出。您可以像我一样添加
keyup
，以便在每次按键后都进行检查。
您还可以包括检查
keyup
，例如：

$('#visitID').on('change keyup', function () {
  this.value ? $("#saveandclosebutton").show() : $("#saveandclosebutton").hide();
});


当然，您首先需要将按钮设置为
display:none
，因为您的
最初是空的

#saveandclosebutton {
   display:none;
}

您还可以检查
keyup
，例如：

$('#visitID').on('change keyup', function () {
  this.value ? $("#saveandclosebutton").show() : $("#saveandclosebutton").hide();
});


当然，您首先需要将按钮设置为
display:none
，因为您的
最初是空的

#saveandclosebutton {
   display:none;
}

试试钥匙。将其更改为：

$('#visitID').keyup(function () {
        var len = $('#visitID').val().length;
        if ( len == 0)
            $("#saveandclosebutton").hide();
        else
            $("#saveandclosebutton").show();
    });

试试钥匙。将其更改为：

$('#visitID').keyup(function () {
        var len = $('#visitID').val().length;
        if ( len == 0)
            $("#saveandclosebutton").hide();
        else
            $("#saveandclosebutton").show();
    });

将事件处理程序绑定到
keyup
和
change
事件，但也希望在页面加载时执行事件处理程序：

$('#visitID').on('keyup change', function() {
    $('#saveandclosebutton').toggle($(this).val().length > 0);
}).change();

将事件处理程序绑定到
键控
和
更改
事件，但您还希望在页面加载时执行事件处理程序：

$('#visitID').on('keyup change', function() {
    $('#saveandclosebutton').toggle($(this).val().length > 0);
}).change();

尝试
keypress
/
keyup
事件，因为现在只有当输入在更改值后失去焦点时，代码才会触发尝试
keypress
/
keyup
事件，因为现在只有当输入在更改值后失去焦点时，代码才会触发我尝试了您的代码，但没有任何更改，保存和关闭按钮始终保持不变appears@user2226785我试过你的代码，但没什么变化，仍然是saveandclose按钮appears@user2226785你能做一把小提琴吗？你是说剧本没有被调用吗？我有45个其他脚本在该文件中，所有的工作。所以，我猜这个函数已经执行了。好吧，不用生气，这是调试的第一步。检查是否调用了该函数。您还可以使用
调试器语句。您是否暗示未调用脚本？我有45个其他脚本在该文件中，所有的工作。所以，我猜这个函数已经执行了。好吧，不用生气，这是调试的第一步。检查是否调用了该函数。您还可以使用
调试器语句。您提供的第一个代码更好，只是它在输入为空时显示按钮，在输入为满时隐藏按钮。您的代码现在是先隐藏，然后显示，然后隐藏，然后显示每个新代码input@user2226785-问题是
.toggle（）
方法的参数必须是布尔值。我已经编辑了我的答案来修复代码。您提供的第一个代码更好，只是它在输入为空时显示按钮，在输入为满时隐藏按钮。您的代码现在是先隐藏，然后显示，然后隐藏，然后显示每个新代码input@user2226785-问题是
.toggle（）
方法的参数必须是布尔值。我已编辑了我的答案以修复代码。但按钮始终显示。你能举个jidffl的例子吗？谢谢你的回答，但那个家伙先帮了我。我希望我能接受不止一个答案，感谢你和我一起努力。你太棒了，按钮总是显示出来。你能举个jidffl的例子吗？谢谢你的回答，但那个家伙先帮了我。我希望我能接受不止一个答案，感谢你和我一起努力。你真棒