单击后如何禁用提交按钮？

Drupal似乎并没有阻止多次表单提交，即使在节点页面上也是如此。此质量检查建议将其修复在服务器端。

单击后如何禁用提交按钮？

还有其他解决方案吗？

它仅在开发人员中，但是“ 隐藏提交”模块可以解决问题。功能之一是：

单击提交按钮后隐藏（或禁用）

我刚刚将其安装在开发站点上，并且似乎可以很好地用于节点添加表单。当您单击提交按钮时，它将被隐藏，并替换为加载图像和“请稍候...”消息，直到最终提交表单。我还没有尝试过任何其他形式。

这是Drupal 7的解决方案。代码是“隐藏提交”模块的简化版本。

即使使用“添加更多”按钮和AJAX表单，此代码也可以正常工作。

Drupal.behaviors.hideSubmitButton = {
  attach: function(context) {
    $('form.node-form', context).once('hideSubmitButton', function () {
      var $form = $(this);
      $form.find('input.form-submit').click(function (e) {
        var el = $(this);
        el.after('<input type="hidden" name="' + el.attr('name') + '" value="' + el.attr('value') + '" />');
        return true;
      });
      $form.submit(function (e) {
        if (!e.isPropagationStopped()) {
          $('input.form-submit', $(this)).attr('disabled', 'disabled');
          return true;
        }  
      });
    });
  }
};

最简单的方法是执行基于主题的javascript解决方案，以在提交表单后禁用按钮。在theme.info文件中，放置您的JavaScript文件，以便可以由主题api加载它。

scripts[] = js/themename-script.js

现在，在themename-script.js中添加到Drupal.behaviors.themename部分，如下所示：

Drupal.behaviors.themename = function()
{
  $('.node-form').submit(function(){
    $('#edit-submit').attr("disabled", "disabled");
    $('#edit-preview').attr("disabled", "disabled");
  });
}

因此流程如下：

1. 主题加载了JavaScript
2. 在页面加载时触发Drupal.behaviors.themename
3. 在节点添加表单的表单提交（基于上例的类，可以根据表单的类型进行自定义）上，禁用提交按钮（提交和预览），因此无法再次单击它

我敢肯定，如果进行一些ajax处理，则上述操作可能很危险，并且如果form_api验证中发现错误，则无法再次提交表单，因此请进行测试并自定义以满足您的需求。我禁用了这两个按钮，因为在禁用提交按钮后您仍然可以单击预览按钮。显然，您的里程数会有所不同。