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

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

2010年03月25日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery Plugin: Give Your Characters a NobleCount The Product Guy

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

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

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

NobleCount

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

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

関連エントリ
関連の記事検索:jQuery, JavaScript, Twitter
スポンサード リンク

By.KJ : 2010年03月25日 09:03 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)