在启用 AJAX 时禁用单击重力表单的提交按钮？答案

【问题标题】：Disable submit button on click on Gravity Forms while AJAX is enabled?在启用 AJAX 时禁用单击重力表单的提交按钮？
【发布时间】：2019-08-15 20:21:50
【问题描述】：

我在 wordpress 上使用重力表单，并在单击每个表单后将脚本排入队列以禁用提交按钮，因为我的团队在提交双重（三重、四重..）表单时遇到问题。

基本脚本：

$(document).ready(function() {
  $('#gform input[type=submit]', this).on('click', () => {
    $('#gform input[type=submit]').prop('disabled', true);
  });
});

它适用于未启用 AJAX 且未嵌入表单的表单。但是，当我导航到出现这种情况的页面时，它第一次工作，然后，由于页面没有刷新，脚本不再神奇地应用于它，并且它不会禁用按钮。

我以为每次单击按钮时都会运行，但似乎有些工作不正常。

任何想法将不胜感激！ :D

【问题讨论】：

标签： jquery ajax wordpress gravityforms

【解决方案1】：

我能够通过使用表单构建器中的 HTML 块将以下 JavaScript 直接添加到表单来完成此操作。

<script type="text/javascript">
if (document.querySelector(".gform_wrapper")) {
    const submitBtn = document.querySelectorAll("input[type='submit']")[0];
    submitBtn.addEventListener("click", () => {
      submitBtn.disabled = true;
    });
  }
</script>

希望这会有所帮助。

【讨论】：