jQuery Plugin: Give Your Characters a NobleCount The Product Guy

テキストエリアにTwitterみたく残り文字数を超簡単に表示できるjQueryプラグイン「NobleCount」。

今、テキストエリア内に何文字はいっているのか？というのは、文字数制限をしているフォームにとっては重要なユーザビリティになりますね。
送信ボタンを押した後に、文字数オーバーです、というのは不親切ですしサーバに無駄なリクエストが増えることになります。

Twitter では残り文字数を表示していますが、これをjQueryで１行で実装してしまえるのがこのプラグイン。



$(element).NobleCount('#target'); とするだけで、id="target" の要素内に残り文字数が入ります。elementはtextareaを指定。

デフォルトは140文字のようですが、勿論、optionで２５０文字等、自由に設定することは出来るみたいです。
これは楽でいいですね。

関連エントリ

• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」
• ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い