前の記事 ≪:JavaScript使ってないのに使ってる風のピュアCSSなテクニック集
次の記事 ≫:サインアップとログイン兼用のログインフォーム作成チュートリアル

jQueryで入力文字数を制限して誤入力を防げるプラグイン「jQuery Imput Limiter」

2010年04月27日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Plugins | jQuery Plugins

jQueryで入力文字数を制限して誤入力を防げるプラグイン「jQuery Imput Limiter」。
様々なフォームのエレメントがありますが、$(element).inputlimiter() のようにエレメントを初期化すればエレメントに入力文字制限を施せます。
例えば、次のように、テキストエリアに残り何文字かという情報を出すことが出来る上、それ以上入力しても入力できないように機能を入れられます。

jQuery Imput Limiter fig.1

あと何文字入れられるかというのがすぐ分かる上に、ポップアップなので場所もとらず使い易そうです。
(日本語の1文字も1文字として扱われるようなのでバイト数で測りたい場合には少し修正が必要。)

デモページ

コールバック関数によって入力時の挙動の細かな指定をすることもできるみたいです。
例えば、文字数が残り10文字と少なくなったときにヒントを赤文字で「あと少し」みたいに表示できます。

jQuery Imput Limiter fig.2

関連エントリ

関連の記事検索:jQuery, プラグイン
スポンサード リンク

By.KJ : 2010年04月27日 10:09 livedoor Readerで購読 Twitterに投稿

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