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

前の記事 ≪：2010年3月24日管理人のブックマーク
次の記事 ≫：グリッドアコーディオンで新しい情報表示の仕方

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

2010年03月25日-

スポンサードリンク

jQuery Plugin: Give Your Characters a NobleCount The Product Guy

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

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

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

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

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

関連エントリ

関連の記事検索：jQuery, Twitter, JavaScript, フォーム, プラグイン, Web制作