Merge pull request #81 from yoggys/prevent-multiple-submits

fix: prevent multiple submits
sylveon · Jul 17, 2024 · bad6944 · bad6944
2 parents e699674 + ec46aee
commit bad6944
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/public/form.html b/public/form.html
@@ -99,6 +99,8 @@ <h2 id="username" class="ml-3 mb-0 align-self-center"></h2>
             })
 
             const form = document.querySelector("form");
+            const button = document.querySelector("button");
+
             form.addEventListener("change", event => {
                 if (event.target.type === "radio" && event.target.parentElement && event.target.parentElement.tagName.toLowerCase() === "label") {
                     const prior = form.querySelector('label.checked input[name="' + event.target.name + '"]');
@@ -108,6 +110,11 @@ <h2 id="username" class="ml-3 mb-0 align-self-center"></h2>
                     event.target.parentElement.classList.add( "checked" );
                 }
             }, false);
+
+            form.addEventListener("submit", () => {
+                button.disabled = true;
+                button.textContent = "Submitting...";
+            }, false);
         </script>
     </body>
 </html>