jquery - JQuery タイピング リミッター

Question

ここで初めて、私はすでに問題を抱えています。入力リミッターを作成する必要があります..0に達すると、ユーザーはそれ以上入力できなくなります..

$('#text_area').keyup(function() {
    var max_length = 55;
    var area_length = $(this).val().length;
    var remaining_text = max_length - area_length;

    $('#area_feedback').html(remaining_text + ' characters left');
    if (remaining_text <= 0) {
        $(this).css('color','red');
        //what goes here ?

    } else {
        $(this).css('color','black');
    }
});

Answer 1

これを試してみてください: KeyPress イベントを使用し、以下のようにテキスト領域の maxLength を設定してください。

$('#text_area').keypress(function(){
   var max_length = 55;

   $('#text_area').attr('maxlength',max_length); //sets the max length of textbox to 55

   var area_length = $(this).val().length;
   var remaining_text = max_length - area_length;
   $('#area_feedback').html(remaining_text + ' characters left');
   if(remaining_text <= 0){
      $(this).css('color','red');          
   }
   else{
      $(this).css('color','black');
   }
});