ストライプチェックアウト前に確認

Question

商品を選択する選択ボックス、数量を選択するラジオグループ、チェックされている場合はチェックボックスが表示され、チェックボックスがオンになっている入力欄が表示されますボックスが選択されています。

すべての処理と処理が処理されているため、検証を追加するだけです。私はjQueryでルールを書く方法を知っていますが、それをどうやって検証し、それを実装して検証を実行してから、検証が成功した後にストライプ・チェックアウトを実行するかはわかりません。

ように、コードの最も簡単な方法で、私はこれを達成したいと思います：

if(submit button is pressed) { 
    run jQuery validate on forms 

    if(jQuery validate successful) { 
    run stripe and launch modal 
    } 
} 

を誰かがこれで私を助けるか、正しい方向に私を指すことができますか？

ありがとうございました！

Answer 1

私はこれを実現したいと思います：「パート1」の場合

if (submit button is pressed) { 
    // run jQuery validate on forms // part 1 

    if(jQuery validate successful) { 
     // run stripe and launch modal // part 2 
    } 
} 

は、あなたが提出したりクリックイベントをキャプチャを心配する必要がすることになっていません。プラグインはの後に自動的にをキャプチャします。これは適切に初期化されています。

"パート1"の場合、.validate()メソッドをform要素にアタッチすることで、DOM Readyイベントハンドラ内のjQuery Validateプラグインを単純に初期化します。 "パート2" については

$(document).ready(function() { 

    // initialize plugin 
    $('form[action="stripeprocess.php"]').validate({ 
     rules: { .... 

、することができますaction="stripeprocess.php"はストライプを起動表す場合、ものの

$(document).ready(function() { 

    // initialize plugin 
    $('form[action="stripeprocess.php"]').validate({ 
     rules: { 
      .... 
     }, 
     submitHandler: function (form) { 
      // fires on valid form 

      // run stripe and launch modal 

      // form.submit(); // regular submit 
     } 
     .... 

... submitHandler機能以内にそれを置くことによって、検証が成功したときにを "何かをします"、 submitHandlerは一切必要ありません。これは既にプラグインの組み込み機能だからです。