前の記事 ≪:2009年7月23日 管理人のブックマーク
次の記事 ≫:POP3メールをブラウザで読めるメーラー「T-dah Webmail」

入力中に今のフィールドが何文字制限なのか分かりやすく表示できるjQueryプラグイン「Input Limiter」

2009年07月24日-はてなブックマーク

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

入力中に今のフィールドが何文字制限なのか分かりやすく表示できるjQueryプラグイン「Input Limiter」。
通常は、このフィールドは何文字以内などと書いておいて、サブミット後にチェックという方式だと思いますが、Input Limiter を使えば、入力が始まると同時にヒントが現れ、フィールドが何文字制限なのかというのをポップアップしてくれます。


デモページ

横にちょこっと表示するよりも、入力している人にとっては非常に分かりやすい見せ方ですね。

$(function() {
    $('textarea').inputlimiter({limit: 100});
});

jQueryプラグインということで初期化も上記のように簡単です。

関連の記事検索:jQuery, ユーザビリティ
スポンサード リンク

By.KJ : 2009年07月24日 07:00 livedoor Readerで購読 Twitterに投稿

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