单击时禁用站点范围的提交按钮答案

【问题标题】：Site wide submit button disable on click单击时禁用站点范围的提交按钮
【发布时间】：2013-04-11 17:40:13
【问题描述】：

我有一个多页面网站，每个页面上有多个弹出窗口。有时会出现一连串的弹出窗口。例如，您希望这种情况发生吗？ -> 否 -> 重新安排 -> 确认。这意味着有时提交操作被阻止并出现另一个弹出窗口。其他时候只提交弹出窗口上的表单。

我想在所有提交按钮被点击后禁用它们。我试过添加

$("input[type='submit']").attr('disabled', 'disabled');

这不起作用。我禁用单个提交按钮没有问题，但我有很多事情要管理，这似乎是一个相当正常的问题。人们通常会单独禁用提交按钮吗？

【问题讨论】：

标签： jquery submit multiple-forms

【解决方案1】：

我最终做的是

function(evt) {
  evt.preventDefault();
  evt.stopPropagation();

  // Button disable
  var disabledClass = 'ui-state-disabled',
  button = $($(evt.target).closest('button'));
  if(button.hasClass(disabledClass)) return;
  button.attr('disabled',true).addClass(disabledClass);
}

因为那里有多个按钮。我接受了上面的解决方案，因为它是对这个问题最完整（也是最明智）的答案。

【讨论】：