是否有其他选择键入的替代方法可以检查输入是否已填充

Question

所以我有此代码：

    $(document).ready(function(){
        if($('#proofAttach-filemanager').val().length !=0){
            $('#download_now').attr('disabled', false);
        }
        else
        {
            $('#download_now').attr('disabled', true);        
        }
    });  

带有ID 证明的字段> PRICEATTACH-FILEMANAGER 每次上传文件时都会使用Elfinder动态填充。

由于上面的代码仅在每次加载时都运行，因此我不知道如何更新 download_now 按钮每次填充字段时动态启用（没有键）

html段：

<div class="form-group col-md-12">
<label>Attachment</label>
<input type="text" id="proofAttach-filemanager" name="proofAttach" value="" class="form-control" readonly="">
<div class="btn-group" role="group" aria-label="..." style="margin-top: 3px;">
  <button type="button" data-inputid="proofAttach-filemanager" class="btn btn-default popup_selector">
    <i class="fa fa-cloud-upload"></i> Browse uploads</button>
  <button type="button" data-inputid="proofAttach-filemanager" id="download_now" class="btn btn-default download_now">
    <i class="fa fa-cloud-download"></i> Download</button>
    <button type="button" data-inputid="proofAttach-filemanager" class="btn btn-default clear_elfinder_picker">
    <i class="fa fa-eraser"></i> Clear</button>
</div>

Answer 1

在该文本框的change事件中写下逻辑应起作用。

$(document).ready(function(){
   toggleDownloadButtonAccess();
   $('#proofAttach-filemanager').change(toggleDownloadButtonAccess);
  function toggleDownloadButtonAccess(){
    var $btnDownload = $('#download_now');    
    if($('#proofAttach-filemanager').val().length !=0){
       $btnDownload.attr('disabled', false);
    }
    else
    {
       $btnDownload.attr('disabled', true);        
    }
   }

 });