入力テキストの文字数をカウントしてくれる「Textchange」

Twitterのようにinputやtextareaに入力した際に、文字数をカウント(ダウン)してくれるとユーザの利便性が上がります。今回使用したTextChangeは、それ以外にも入力のイベントに対して色々なオプションを持たせて動作させることができます。
ダウンロードはこちらから

「残り文字数をカウントダウン」を実装

<!-- head -->
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.textchange.js" type="text/javascript"></script>

<!-- body -->
<textarea id="div631" maxlength="140"></textarea>
<span id="div631-cd">140</span>

jquery.textchange.jsを読み込んで、対象のテキストエリアもしくはテキストボックスを実装

$('#div631').bind('textchange', function (event, previousText) {
    $('#div631-cd').html( 140 - parseInt($(this).val().length) );
});

テキストエリアもしくはテキストボックスの入力が変わるたびに文字数をカウントし、カウントダウンしてくれます。

デモ
これ以外にも便利そうなオプションが色々ありそうで、試してみたいです。

サイトより
Plugin Tested in FireFox (3, 3.5, 3.5, Win/OS X), Safari 4, Chrome 5, IE (6, 7, 8)

Related

ページの画像を非同期で読み込んでくれる「Lazy Load」 わずかなコードで画像をサムネイル化してくれる「MyThumbnail.js」 テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」 Wysiwygエディタ用プラグイン「CKEditor」 シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlider」 テキストエリアを自動的にリサイズしてくれる「Autosize」 テキストボックス・エリアにプレースホルダーを実装 テキストエリア カスタマイズ (スクロールバー,リサイズ,文字数制限)