[jQuery] フォームに入力規則を付ける

  • このエントリーをはてなブックマークに追加
  • Pocket

attention この記事は2年以上前の投稿になります。
記載された情報が古くなっている可能性がございますので十分ご注意ください。

jQueryを使って、簡単に入力規則を埋め込むことができます。

まずはjQuery本体とプラグイン(Validation Plugin)をダウンロードしておきます。

ダウンロードしたら、呼び出し用のタグを埋め込みます。

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>

あとは、入力フォーム毎の入力規則定義を記載します。

$(function(){
	$("form").validate({
		rules: {
			point :{
				number: true,
				max: 100,
				min: 0,
			},
		},
		messages: {
			point :{
				number: "数字を入力してください",
				max: "100以内で入力してください",
				min: "0以上で入力してください",
			},
		}
	});
})

こんな感じで動作します。

ご訪問ありがとうございます。
参考になりましたら『いいね!』もお願いします。

ITの活用情報を毎週お届けする無料メルマガに是非ご登録ください。

閉じる

ご意見・ご感想をお待ちしております。

いただいた情報は一般公開されません。(入力いただいたメールアドレスにてご返信させていただきます)
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。