シェアする

  • このエントリーをはてなブックマークに追加

[jQuery]1行で書けるTwitterライクな入力欄の文字数カウント

Twitterのように入力欄の文字数をカウントするjQueryのコードメモ。

$(function(){
	$("inputのDOM").keyup(function(){ $("文字数を表示するDOM").text($(this).val().length) });
});

完成。

これだけだとわかりづらいかもしれないので、サンプルソース。
読みやすくするために改行を入れてます。

<script type="text/javascript">
$(function(){
	$("#message").keyup(
		function(){ $("#messageCount").text($(this).val().length);
	});
});
</script>

<h2>ここに入力されたメッセージをカウントする</h2>
<textarea id="message">メッセージを入力するテキストエリア</textarea>
<p style="text-align:right;">[<span id="messageCount">0</span>文字]</p>

こんな感じで使えます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする