ボタンからのjQuery removeClass

Question

入力に少なくとも1つの文字がある場合、ボタンから「無効」クラスを削除する必要があります。これは、jQueryのコードです：

$('.reply').on('change', function() { 
    if ($(this).val().length > 0) { 
     $(".replyBtn").removeClass('disabled'); 
    } 
}); 

これはHTMLです：

<input type="text" name="reply" class="reply form-control" placeholder="Rašykite atsakymą..."> 
<br> 
<button type="submit" class="replyBtn btn btn-success disabled">Atsakyti</button> 

しかし、それは働いていないと私はコンソール

Answer 1

$('.reply').on('input', function() { 
 
    if ($(this).val().length > 0) { 
 
    $(".replyBtn").removeClass('disabled'); 
 
    } else { 
 
    $(".replyBtn").addClass('disabled'); 
 
    } 
 
});

.disabled { 
 
    color: red 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="reply" class="reply form-control" placeholder="Rašykite atsakymą..."> 
 
<br> 
 
<button type="submit" class="replyBtn btn btn-success disabled">Atsakyti</button>

使用中のエラーを得ることはありませんinput