一度提出されたJquery submitボタンを無効にする

Question

フォームが提出されたら、送信ボタンを無効にしたいと思います。つまり、ユーザーがサブミットをクリックした後にサブミット・ボタンをクリックできないようにする必要があります。つまり、更新後もサブミットボタンを無効にしておくことを意味します。

; (function ($) { 

    $.fn.tpFormDialogCustom = function (method) { 

     var self = this; 

     var dialogButtons = [ 
      { 
       text: "Submit and Email", 
       id: "tpFormDialog_btnSubmit", 
       click: submitandmailTpFormDialog 
      }, 


function submitandmailTpFormDialog() { 
    if(CheckValidate()) { 
    commonDialogs.showError(ExampleMessages.JournalError); 
    } else { 
    commonDialogs.showConfirm(ExampleMessages.ConfirmEmail, function() { 
     try { 
     commonDialogs.showProgress(ExampleMessages.SubmitAndEmail); 
     var o = getOptions(); 
     var form = $(o.form); 
     form.ajaxSubmit({ 
      success: handleEmailResponse, 
      beforeSerialize: function($form, options) { 
      if(!$("#SubmitBtn", $form).length) { 
       $('select.required', $form).prop('disabled', false); 
       $form.append("<input id='SubmitBtn' type='hidden' name='From' value='Submit' />"); 
      } 
      } 
     }); 
     } catch(e) { 
     commonDialogs.showError(); 
     } 
    }); 
    } 
} 


function handleEmailResponse(data) { 
      $('#tpFormDialog_btnSubmit').prop("disabled", true); 
      commonDialogs.hideProgress(); 
      var o = getOptions(); 
      if (data.IsSuccess) { 
       commonDialogs.showAck(ExampleMessages.ConfirmSendEmail); 
       closeTpFormDialog(); 
       o.table.refresh(); 
      } else { 
       var errors = data.ResponseModel; 
       if (typeof (errors) === 'string') { 
        commonDialogs.showError(errors); 
       } else { 
        helpForValidation.showErrors(errors); 
       } 
      } 
     }; 

Answer 1

[送信プロパティを無効にする]ボタンを追加すると、送信ボタンを無効にすることができます。

$('input:submit').click(function(){ 
    console.log("Form is submiting....."); 
    $('input:submit').attr("disabled", true); 
}); 

デモ：https://jsfiddle.net/Prakash_Thete/6qqgszs4/

Answer 2

あなたはerrorの場合には、ユーザが再フォームを送信することができますので、ajaxsuccessでそれを行う必要があります。 あなたの場合、それはhandleEmailResponse機能の内側にあります。

function handleMailResponse(){ 
    $('#btnSubmitId').prop("disabled", true); 

    /* the rest of your code */ 
}