【jQuery】jquery.validate.jsの覚書2 | 電網覚書

本記事のソースコードの利用によって生じた損害について、当方は一切の責任を負いません。ご自身の判断と責任のもとで参照・ご利用ください。

この記事は最終更新から3年以上経過しています。

「jQuery Validation Plugin」を使って、お問合せページの入力チェックを実装したときのメモ

エラーメッセージspanタグで表示させる。

$(function(){
	//validate
	$("form").validate({
		errorElement:'span',
		rules: {
			kanji_family :{
				required: true
			},
			//省略
	});
});

セレクトボックスの初期値が"-"のままだった場合にエラーを表示する

$.validator.addMethod("valueNotEquals", function(value, element, arg){
		return arg != value;
	}, "selectの値が同じだったらエラーを返す");
	
	$(function(){
		$("form").validate({
			rules: {
				subject :{
					valueNotEquals: "-"
				}
			},
			messages: {
				subject :{
					valueNotEquals: "項目を選択してください"
				}
	//以下省略

結構細かく設定できるみたいで便利ですね。ただ散らばったノウハウ（先人の知恵）を集めるのが大変ですが・・・

参照にしたサイト