JSテキストエリア内の文字数カウント

 

 テキストエリア内の文字数をカウントするJavaScriptサンプル。

 

HTML

<textarea id="delimiter" rows="18" name="textarea" onkeyup="ShowLength(value);"></textarea>
<p id="inputlength">0文字</p>

 

Javascript

function ShowLength( str ) {
	document.getElementById("inputlength").innerHTML = str.length + "文字";
}

 

JQuery

$(function(){
  $('#delimiter').keyup(function(){
    var count = $(this).val().length + "文字";
    $('#inputLength').text(count);
  });
});