Cacher is the code snippet organizer for pro developers

var limit = 100;
$('textarea').after('<p>現在の文字数：<span class="count">0</span> / <span class="limit">' + limit + '</span></p><div class="over">文字数オーバーです</div>');
$('.over').css('color', 'red').hide();

$('textarea').on('keydown keyup change', function() {
  var txtLength = $(this).val().length;
  $('.count').text(txtLength);
  if( txtLength > limit ) {
    $('.count').css('color', 'red');
    $('.over').show();
  } else {
    $('.count').css('color', '');
    $('.over').hide();
  }
});

$('textarea').after('<p>現在の文字数：<span class="count">0</span></p>');
$('textarea').on('keydown keyup change', function() {
  var txtLength = $(this).val().length;
  $('.count').text(txtLength);
});現在入力されている文字数を表示する