jQueryを使用して､複数のﾌｫｰﾑ内でﾊﾞﾘﾃﾞｰｼｮﾝ作業を行う場合お世話になります｡jQueryを使用して､複数のﾌｫｰﾑ内のinputやselectﾎﾞｯｸｽのﾊﾞﾘﾃﾞｰｼｮﾝ行い…

jQueryを使用して､複数のﾌｫｰﾑ内でﾊﾞﾘﾃﾞｰｼｮﾝ作業を行う場合

お世話になります｡jQueryを使用して､複数のﾌｫｰﾑ内のinputやselectﾎﾞｯｸｽのﾊﾞﾘﾃﾞｰｼｮﾝ行いたいと思っています｡
今回､｢WEB制作の現場で使うjQueryﾃﾞｻﾞｲﾝ入門｣という書籍を参考にしてｻﾝﾌﾟﾙを以下の様に作成しました｡

http://music.geocities.jp/kinokolovers1/test/

さて､ある一つのﾌｫｰﾑ内のsubmitをｸﾘｯｸすると､そのﾌｫｰﾑ以外のinput要素もﾊﾞﾘﾃﾞｰｼｮﾝの対象になってしまいます｡
複数のﾌｫｰﾑのﾊﾞﾘﾃﾞｰｼｮﾝを行う場合でも､submitをｸﾘｯｸしたﾌｫｰﾑだけをﾊﾞﾘﾃﾞｰｼｮﾝの対象としたいと思っているのですが､どのようなｺｰﾄﾞの記述をすれば可能になりますでしょうか？

個人的な要望ですが､各ﾌｫｰﾑに､｢form1｣や｢form2｣などのIDをつけて､ﾌｫｰﾑの指定を行う方法もあるとは思いますが､
今回はﾌｫｰﾑの名前やIDを指定して処理するのではく､｢submitをｸﾘｯｸした親のformだけを対象にして､ﾊﾞﾘﾃﾞｰｼｮﾝを行う｣といった処理をしたく思います｡

どうぞ､ご教授いただけますよう､よろしくお願い致します｡

validate する対象を拾い出す jQuery 関数を呼び出すときに､第2引数に this (form になってる) を指定します｡
以下､ｺﾒﾝﾄで｢★｣をつけたところに､this を入れておけば良いんじゃないでしょうか｡

 $("form").submit(function(){
 
 //ｴﾗｰの初期化
 $("p.error", this).remove(); // ★
 $("dl dd", this).removeClass("error"); // ★
 
 $("input[type='text'].validate,textarea.validate", this).each(function(){ // ★
 
 //必須項目のﾁｪｯｸ
 if($(this).hasClass("required")){
 if($(this).val()==""){
 $(this).parent().prepend("<p class='error'>必須項目です</p>");
 }
 }
 
 //数値のﾁｪｯｸ
 if($(this).hasClass("number")){
 if(isNaN($(this).val())){
 $(this).parent().prepend("<p class='error'>数値のみ入力可能です</p>");
 }
 }
 
 //ﾒｰﾙｱﾄﾞﾚｽのﾁｪｯｸ
 if($(this).hasClass("mail")){
 if($(this).val() && !$(this).val().match(/.+@.+\..+/g)){
 $(this).parent().prepend("<p class='error'>ﾒｰﾙｱﾄﾞﾚｽの形式が異なります</p>");
 }
 }
 
 //ﾒｰﾙｱﾄﾞﾚｽ確認のﾁｪｯｸ
 if($(this).hasClass("mail_check")){
 if($(this).val() && $(this).val()!=$("input[name="+$(this).attr("name").replace(/^(.+)_check$/, "$1")+"]").val()){
 $(this).parent().prepend("<p class='error'>ﾒｰﾙｱﾄﾞﾚｽと内容が異なります</p>");
 }
 }
 
 });
 
 //ﾗｼﾞｵﾎﾞﾀﾝのﾁｪｯｸ
 $("input[type='radio'].validate.required", this).each(function(){ // ★

 if($("input[name="+$(this).attr("name")+"]:checked").length == 0){
 $(this).parent().prepend("<p class='error'>選択してください</p>");
 }
 });
 
 //ﾁｪｯｸﾎﾞｯｸｽのﾁｪｯｸ
 $(".checkboxRequired", this).each(function(){ // ★
 if($(":checked",this).length==0){
 $(this).prepend("<p class='error'>選択してください</p>");
 }
 });
 
 // その他項目のﾁｪｯｸ
 $(".validate.add_text", this).each(function(){ // ★
 if($(this).prop("checked") && $("input[name="+$(this).attr("name").replace(/^(.+)$/, "$1_text")+"]").val()==""){
 $(this).parent().prepend("<p class='error'>その他の項目を入力してください｡</p>");
 }
 });
 
 //ｴﾗｰの際の処理
 if($("p.error").length > 0){
 $('html,body').animate({
 scrollTop: $("p.error:first").offset().top-40
 }, 'slow');
 $("p.error").parent().addClass("error");
 return false;
 }
 });