jquery - 入力フィールドが空かどうかに応じて、jQueryの有効化/無効化ボタン

Question

HTML

---

<input type="text" id="customerProfileID" maxlength="9"/>

<input id="attachTest" class="attachTemplateButton" type="button" value="Attach Template" onclick="attachTemplateCall();"/>

jQuery

---

$("input").focusin(function() {

        $(this).keydown(function() {
            $("#attachTest").attr("disabled", true);
        });     
    });

このコードもjsfiddleにあります。ここ では、入力フィールドが空の場合に状態を有効にするためにボタンを元に戻そうとしていました。つまり、入力が空の場合はボタンを有効にし、入力に値がある場合はボタンを無効にする必要があります。コードは値があり、ボタンが無効になっている場合にのみ機能しますが、入力した値を消去しても、ボタンは無効のままになります。ここで何が欠けていますか？

Answer 1

$("input").on('keyup', function() {
     $("#attachTest").prop("disabled", this.value.length);
});

フィドル

Answer 2

$("#customerProfileID").on('keyup blur', function(){
    $('#attachTest').prop('disabled', this.value.trim().length);
});