jQuery Novelist Plugin Demo

インプットの残り文字数をビジュアル的に分かりやすく表示できるjQueryプラグイン「Novelist」。
よくあるのは、10/255 などといった表示方法ですが、テキストボックスをプログレスバーに見立てて、文字の長さに応じてグラフが進んでいくようなUIが作れます。
こちらのほうが視覚的に分かりやすくダイレクトに残り文字数が分かるような気がします



横方向だけではなくtextareaであれば、テキストエリアがバケツの水で満たされていく風のエフェクトがかけられます。



関連エントリ

• シンプルなフォームバリデート実装用jQueryプラグイン「guards.js」
• クレジットカード入力補助フォームの実装ができるjQueryプラグイン「Creditly.js」
• Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」
• より良いフォームの入力ヒント実装jQueryプラグイン「Label Better」
• フォームでの洗練されたアイテムへのタグ付けUI実装jQueryプラグイン「taggingJS」