「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: "項目を選択してください"
}
//以下省略

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

参照にしたサイト

• jQuery Validate Pluginの解説とValidate 日本語環境用PluginとjQuery Form Pluginとの連携
• jQuery Validation Plugin
• 高機能ライブラリ「jQuery」とそのPlugin「Validation」