2016-12-26 76 views
0

所以我有這樣的代碼:有沒有其他選擇keyUp來檢查輸入是否被填充?

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

領域與ID proofAttach,文件管理充滿了動態使用elFinder我每次上傳的文件。

由於上面的代碼只運行每次頁面加載,我不知道如何更新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> 

+0

也張貼您的HTML代碼段 – azad

+0

是不是elFinder會觸發任何事件? –

+0

下載按鈕是定製的。 – Rosenberg

回答

2

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


}); 
+0

由於某種原因不起作用。要檢查它是否工作(因爲啓用了按鈕)我將top切換爲true,將bottom切換爲false(只要字段長度不等於0就禁用)。然而,沒有任何反應。奇怪。 – Rosenberg

+0

你的意思是說改變事件沒有發射? – Developer

+0

哦,我想我得到了你在找的東西。給我一分鐘,會更新代碼 – Developer