keyUp是否有其他選擇可以檢查輸入是否已填充？

Question

所以我有這段代碼：

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

每次我上傳文件時，使用elFinder動態填充ID 證明為proofAttach-filemanager的字段。

由於上面的代碼僅在頁面每次加載時運行，因此我不知道如何更新download_now按鈕以在每次填充字段時動態啟用（並且沒有keyUp）

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);        
    }
   }


 });