jQueryを使用しているときにダブルクリックを防止するsubmitHandlerを検証する

Question

JQuery ValidateからsubmitHandlerを使用してonClickイベントをトリガーしています。 $("#btnPay").disabled = true;を使用してボタンを無効にしようとしました。 しかし、動作していませんでした。

以下は私が今まで試したコードです。

$("#myForm").validate({ 
     rules: { 
      cardholdername: { 
       required: true, 
      }, 
      cardholderemail: { 
       required: true, 
      }, 
     }, 
     messages: { 
      cardholdername: { 
       required: "Please enter your name", 
      }, 
      cardholderemail: { 
       required: "Please enter your email", 
      }, 
     }, 
     onkeyup: false, //turn off auto validate whilst typing 
     submitHandler: function (form) { 

      $("#btnPay").disabled = true; 

      event.preventDefault(); 

      var form = document.querySelector('form'); 
      var extraDetails = { 
       name: $('#cardholder-name').val(), 
       email: $('#cardholder-email').val(), 
      }; 
      stripe.createToken(card, extraDetails).then(setOutcome); 

     } 
    }); 

Answer 1

submitHandlerフォームが正常に検証された後でのみ発生します。 submitHandlerとinvalidHandlerは、そのための完璧な候補である - あなたが成功/エラー時に戻るボタンを有効に処理する必要があります覚えておいてください

// Prevent multiple form submission 
$('#btnPay').on('click', function(e) { 
    $(this).prop("disabled", true); 
}); 

//the rest of your code 

の線に沿って、クリックのために何かを別のイベントリスナーを追加する必要があります。

Answer 2

$（ "＃btnLogin"）。attr（ 'disabled'、 'disabled'）;私の問題を解決しました。