输入值不为空时使用什么事件答案

【问题标题】：What event is used when the input value is not blank输入值不为空时使用什么事件
【发布时间】：2020-10-27 07:01:20
【问题描述】：

我需要根据输入字段启用/禁用按钮。如果输入字段有值，则应启用该按钮。如果输入字段为空，则应禁用该按钮。现在，当用户从输入字段 cookie 中选择一个值时，我该如何捕获？我尝试了“更改”，但没有成功。

用“change”事件尝试了下面的代码：

<script>
$(function() {
$("#myInput").change(showSaveBtn);

var showSaveBtn = function() {
            validateInput();
            if (myInputEntered== true) {
                $('#save').removeClass("disabled").prop(
                        'disabled', "disabled").removeAttr("disabled");
            } else {
                $('#save').addClass("disabled").prop(
                        'disabled', "disabled");
            }
        }

var validateInput= function() {
            if ($.trim($("#myInput").val()) === '')
                myInputEntered= false;
            else
                myInputEntered= true;
        }
});
</script>

基于#myInput 值，我需要启用/禁用#save 按钮。期待答案。

谢谢，伊斯瓦里亚

【问题讨论】：

你能提供你的HTML吗？
这能回答你的问题吗？ JQuery: detect change in input field
是的。这对我的问题有答案。谢谢

标签： javascript html jquery

【解决方案1】：

 $("#save").prop('disabled', true);
    $("#myinput").on('change keydown paste input propertychange click keyup blur', function(){
    $("#save").prop('disabled', $('#myinput').val().length>0? false:true);
})

<input type="text" id="myinput">

<button id="save">
save
</button> 



<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

你也可以这样写。希望这会帮助你。这是jsfiddle链接

【讨论】：

使用以下代码：$("#myinput").on('input', function(){ $("#save").prop('disabled', $('#myinput').val().length>0? false:true); }); 谢谢
乐于助人..快乐编码:-)

【解决方案2】：

很可能在您挂钩事件时，DOM 元素尚未加载。您需要等到 DOM 加载完毕才能挂钩事件。

$(document).ready(function(){

 
  var inputChanged = function() {

     
     var myInputEntered = validateInput();
     console.log(myInputEntered);
            
     if (!myInputEntered)
        $('#save').hide()
     else 
        $('#save').show();
          
  }

  var validateInput= function() {
     return $.trim($("#myInput").val()) !== ''
  }
  
  
  $("#myInput").keyup(inputChanged);


  inputChanged();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" id="myInput">

<input type="button" value="save" id="save">

【讨论】：