タイプ番号またはタイプファイルの入力が行われた場合にボタンを有効にします。

Question

他の入力が満たされていて、タイプテキストの入力に対しては機能しますが、タイプ番号およびファイルの入力に対しては機能しません。それは働いていないのはなぜhttp://jsfiddle.net/sappe/1ftLu3jk/3/

：

はjsfiddleを参照してください？タイプ番号またはタイプファイルの入力フィールドには長さがありませんか？

JSPの：

<input type="file" id="file"/> 
<input type="button" id="load-file" value="submit"/> 
<br/> 
<input type="number" id="insertAnno"/> 
<input type="button" id="whenCustom" value="submit"/> 
<br/> 
<input type="text" id="text"/> 
<input type="button" id="textInput" value="submit"/> 

のJs：

$(document).ready(function(){ 
    $('#load-file').attr('disabled',true); 

    $('#file').keyup(function(){ 
     if($(this).val().length !=0){ 
      $('#load-file').attr('disabled', false); 
     } 
     else 
     { 
      $('#load-file').attr('disabled', true);   
     } 
    }); 

    $('#whenCustom').attr('disabled',true); 

    $('#insertAnno').keyup(function(){ 
     if($(this).val().length !=0){ 
      $('#whenCustom').attr('disabled', false); 
     } 
     else 
     { 
      $('#whenCustom').attr('disabled', true);   
     } 
    }); 

    $('#textInput').attr('disabled',true); 

    $('#text').keyup(function(){ 
     if($(this).val().length !=0){ 
      $('#textInput').attr('disabled', false); 
     } 
     else 
     { 
      $('#textInput').attr('disabled', true);   
     } 
    }); 
}); 

Answer 1

彼らはな長さではなく、onkeyupのイベントをしました。ただ、.change()代わりの.keyup()にイベントを変更します。

$('#insertAnno').change(... 
$('#file').change(... 

との両方が動作します。