Javascript 提交后禁用Jquery提交按钮

我想在表单提交后禁用提交按钮。这意味着在用户单击submit之后，submit按钮不应被单击。这意味着我希望提交按钮即使在刷新后仍保持禁用状态

; (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);
                }
            }
        };

；（函数（$）{
$.fn.tpFormDialogCustom=函数（方法）{
var self=这个；
变量对话框按钮=[
{
文本：“提交并发送电子邮件”，
id:“tpFormDialog\u btnSubmit”，
单击：SubmitAndMailtFormDialog
},
函数submitAndMailtFormDialog（）{
if（CheckValidate（））{
commonDialogs.淋浴错误（例如Messages.JournalError）；
}否则{
commonDialogs.showConfirm（例如messages.ConfirmEmail，function（））{
试一试{
commonDialogs.showProgress（例如Messages.SubmitAndEmail）；
var o=getOptions（）；
变量形式=$（o.form）；
表格.ajaxSubmit({
成功：handleEmailResponse，
beforeSerialize:函数（$form，options）{
if（！$（“#SubmitBtn”，$form）.length）{
$（'select.required'，$form.prop（'disabled'，false））；
$form.append（“”）；
}
}
});
}捕获（e）{
commonDialogs.bathror（）；
}
});
}
}
函数handleEmailResponse（数据）{
$（'#tpFormDialog_btnSubmit'）.prop（“已禁用”，true）；
commonDialogs.hideProgress（）；
var o=getOptions（）；
if（数据发布成功）{
commonDialogs.showAck（例如messages.ConfirmSendEmail）；
closeTpFormDialog（）；
o、 table.refresh（）；
}否则{
var errors=data.ResponseModel；
if（typeof（errors）==“string”）{
commonDialogs.showError（错误）；
}否则{
验证帮助。错误（错误）；
}
}
};

您可以通过向提交按钮添加disable属性来禁用提交按钮

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

---

演示：

您可以通过向“提交”按钮添加“禁用属性”来禁用“提交”按钮

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

---

演示：

您应该在

ajax

success

上执行此操作，以便在出现

错误的情况下，用户可以重新提交表单。
在您的情况下，它将位于
handleEmailResponse
函数中

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

    /* the rest of your code */
}

您应该在
ajax
success
上执行此操作，以便在出现
错误的情况下，用户可以重新提交表单。
在您的情况下，它将位于
handleEmailResponse
函数中

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

    /* the rest of your code */
}

我通常隐藏我的提交按钮，单击时显示无，替换为“感谢您联系我们”类型的消息。我通常隐藏我的提交按钮，单击时显示无，替换为“感谢您联系我们”类型的消息。可能重复Hi，我将其添加到handlemailresponse中，但没有sn似乎不起作用。更新的答案位于顶部。$（'tpFormDialog_BtnsSubmit'）.prop（“已禁用”，true）；应为$（'tpFormDialog_BtnsSubmit'）.prop（“已禁用”，true）；带有散列#如果声明为添加id#。仍然不起作用。我希望提交按钮在刷新后保持禁用状态。如果刷新后该按钮被禁用，用户将如何删除项目？这毫无意义。我将其添加到handlemailresponse中，但它似乎不起作用。更新后的答案位于顶部$（'tpFormDialog_btnSubmit'）.prop（“disabled”，true）；应为$（'tpFormDialog_btnSubmit'）.prop（“disabled”，true）；如果声明为id added，则为哈希值。仍不工作。我希望提交按钮在刷新后保持禁用状态。如果刷新后按钮被禁用，用户将如何删除项目？这毫无意义