WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

jQueryでINPUTなどの入力フォーム文字数カウント

Twitterなどでも使われている、ページ上の入力フォームの文字数カウント。
jQueryベースで簡単に実装できるライブラリが「Css Globe」にて
紹介されていたので試してみました。

jQueryInputCount.jpg
jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields | Css Globe
デモはこちら

文字カウントが入力フォーム右上に配置されていて、
TEXTAREAにテキストを入力していくとカウントが減っていきます。

実際にデータをダウンロードして実装してみると以下のような感じに。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

単純な文字カウントに加えて、残り文字数の数によって、
カウントエリアに別クラスが入り、テキスト色を変えたり、
警告的な扱いも可能。

入力最大文字数は100文字で、残り25文字になったら文字カウントのテキスト色を変えて、
入力文字数のリミットが近いことをお知らせ、的な使い方ができます。

問い合わせフォームなどでも、こういったものが付いていると
ユーザーにとって親切かもしれませんね。

ご参考までに。。。

jQueryでINPUTなどの入力フォーム文字数カウント」への2件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です