Javascript 检查文本框在没有提交表单或在文本框外按的情况下具有值后是否变为空

Javascript 检查文本框在没有提交表单或在文本框外按的情况下具有值后是否变为空,javascript,jquery,events,Javascript,Jquery,Events,我的后端有一个货币兑换,我使用ajax将文本框中的数据发布到货币兑换,并在标签中查看兑换的值,否则会隐藏 问题是,如果我在文本框中输入一个值,然后从文本框中删除该值,则最新的值仍然存在(当文本框为空时,我想再次隐藏标签) 这是我迄今为止尝试过的代码: $('#transferAmount').on('change',function () { var amount = $('#transferAmount').val(); if (amount.length <

我的后端有一个货币兑换,我使用ajax将文本框中的数据发布到货币兑换,并在标签中查看兑换的值,否则会隐藏

问题是,如果我在文本框中输入一个值,然后从文本框中删除该值,则最新的值仍然存在(当文本框为空时,我想再次隐藏标签)

这是我迄今为止尝试过的代码:

    $('#transferAmount').on('change',function () {
    var amount = $('#transferAmount').val();

    if (amount.length < 1 || amount === ""){
    $('#amountExchangedHidden').hide();
}
$('#transferAmount')。关于('change',函数(){
var金额=$(“#转让金额”).val();
如果(amount.length<1 | | amount==“”){
$('#amountExchangedHidden').hide();
}
}))


我也尝试过使用“on input”,但没有成功。有人对此有好的解决方案吗?

使用
input
事件而不是
change
事件,因为
change
事件处理程序只有在
input
字段中的
focus
丢失时才会调用

元素的值更改时,将同步触发DOM事件

$('#transferAmount')。在('input',function()上{
var amount=$(this.val();
$('#amountExchangedHidden')。切换(!!amount.length);
}).trigger('input');/`。触发器`最初调用处理程序

使用
输入
事件而不是
更改
事件,因为
更改
事件处理程序仅在
输入
字段中的
焦点
丢失时才会调用

元素的值更改时,将同步触发DOM事件

$('#transferAmount')。在('input',function()上{
var amount=$(this.val();
$('#amountExchangedHidden')。切换(!!amount.length);
}).trigger('input');/`。触发器`最初调用处理程序

使用模糊事件而不是更改

    $(function)  {
              $('#transferAmount').on('blur',function () {
                    var amount = $('#transferAmount').val();

                      if (amount.length < 1 || amount === ""){
                      $('#amountExchangedHidden').hide();}

             });
});
$(函数){
$('#transferAmount')。关于('blur',函数(){
var金额=$(“#转让金额”).val();
如果(amount.length<1 | | amount==“”){
$('#amountExchangedHidden').hide();}
});
});

使用模糊事件而不是更改

    $(function)  {
              $('#transferAmount').on('blur',function () {
                    var amount = $('#transferAmount').val();

                      if (amount.length < 1 || amount === ""){
                      $('#amountExchangedHidden').hide();}

             });
});
$(函数){
$('#transferAmount')。关于('blur',函数(){
var金额=$(“#转让金额”).val();
如果(amount.length<1 | | amount==“”){
$('#amountExchangedHidden').hide();}
});
});

谢谢,我想我忘了使用“.trigger('input');“上次我试过使用.input:)@Coderap时,我很高兴它有帮助!谢谢你,我想我忘了使用“.trigger('input');“上次我试过使用.input:)@Coderap时,我很高兴它有帮助!快乐编码这不是我想要的,模糊是当你离开文本框时,我希望它在文本框变空时准确地改变,即使你删除了你输入的值。这不是我想要的,模糊是当你离开文本框时,我希望它在文本框变空时准确地改变,即使删除了输入的值。