JQueryの検証SubmitHandlerを複数のフォームに同じページに入れよう

Question

私はjQuery検証スクリプトを正常に使用しています。しかし、今では1つのWebページに2つのフォームを入れる必要があります。

Validateルールなどを標準化するコードが見つかりましたが、 "submitHandler"パートの内部で使用していたものを使用する方法がわかりません。私はそれを使ってスピナーgif（hide/show）を作りました。

しかし、同じページに2つのフォームがあると、どちらか一方がアクティブになり、どちらか一方がアクティブになるか、送信ボタンがクリックされたときにアクティブになりません。

これを分ける方法はありますか？

$(document).ready(function() { 
    $('form').each(function() { 
    $(this).validate({ 
     // edited out non-relevant code for this question // 

     submitHandler: function(form) { 

      $('#submitSpin').show(); 
      $('#submitButt').hide(); 
      form.submit(); 

     }, // END submitHandler 

    }); // END this validate 
    }); // END form each function 
}); // END document ready function 

明らかに、両方のフォームのボタンに同じIDを使用することはできません。私はそれらを別のものにすると、 "このフォームが提出されたら、これらのIDを表示/非表示にしますが、この他のフォームが提出されれば、この他のIDの表示/非表示" 。

Answer 1

ちょうどform.submit()のように、submitHandlerに渡されたform引数をそのまま使用してください。フォームオブジェクトを表します。次に、jQueryを使ってスピナーを見つけてターゲットにします。

submitHandler: function(form) { 
    $(form).find('.submitSpin').show(); 
    $(form).find('.submitButt').hide(); 
    form.submit(); 
}, // END submitHandler 

ページ上の任意のidを二度と繰り返さないようにしてください、そうsubmitSpinとsubmitButtはクラス名とすることができます。

概念実証DEMO：jsfiddle.net/0g0oaonL/2/