[JavaScript] フォームの入力文字数を簡単に制限する

2009年4 月18日  |  Written by matsumoto  |  under JavaScript, jQuery Yahoo!ブックマークに登録    はてなブックマーク - [JavaScript] フォームの入力文字数を簡単に制限する

jQueryプラグイン"easyStrValidate"

テキストフォームの入力文字数の制限を簡単にかけることができる、
jQuery用のeasyStrValidateプラグインをリリースしました。

easyStrValidateについて

文字数の入力制限をかけたいテキストフォーム・テキストエリアに対して適用することで、以下の機能を実装できます

  • 文字を入力する都度アラートメッセージが動的に変化
  • 文字数の大小を満たさない限り、submitボタンはdisable
  • 文字数の大小を満たさない限り、form自体が送信できない

動作サンプル

  • 別ウィンドウで開く場合はこちら

下のテキスト入力部分は「最小5文字、最大20文字」と定義されています。
入力内容に応じて、メッセージが変化します。

5文字以下、20文字以上の場合は、ボタンが押せなくなり、フォーム自体が送信できなくなります

テキストを入力

サンプルコード・ダウンロード

以下の様に書きます。この場合は「text」というIDのテキストフォームが対象になります

詳しくはこちらのドキュメントをご覧下さい

$('#text').easyStrValidate({
               maxLength : 20,
               messageID : 'valid_message'
});
  • ダウンロードはこちらから。
  • パラメータなどのオプションについてはこちら

詳しくはこちらのドキュメントをご覧下さい

現在コメントはありません | コメントの投稿はこちら

コメントを書き込む

コメント本文

※コメントのフォーム内で以下のタグがご利用いただけます
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

私はチーム・マイナス6%です