Merge pull request #6297 from WoltLab/6.2-form-builder-form-guard

Prevent multiple submits of FormBuilder forms

Author: BurntimeX

com.woltlab.wcf/templates/shared_form.tpl

@@ -82,3 +82,11 @@
 		FormBuilderFieldDependencyManager.checkDependencies();
 	});
 </script>
+
+{if !$form->isAjax()}
+	<script data-relocate="true">
+		require(['WoltLabSuite/Core/Form/Builder/FormGuard'], ({ setup }) => {
+			setup(document.getElementById('{unsafe:$form->getId()|encodeJS}'));
+		});
+	</script>
+{/if}

ts/WoltLabSuite/Core/Form/Builder/FormGuard.ts

@@ -0,0 +1,16 @@
+/**
+ * Prevents multiple submits of the same form by disabling the submit button.
+ *
+ * @author    Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license   GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since     6.2
+ */
+
+export function setup(form: HTMLFormElement) {
+  form.addEventListener("submit", () => {
+    form.querySelectorAll<HTMLInputElement>("input[type=submit]").forEach((button) => {
+      button.disabled = true;
+    });
+  });
+}