disable contact form fieldset during submit (#150)

chadsr · Jun 28, 2024 · 0598ec1 · 0598ec1
1 parent a2c9f78
commit 0598ec1
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/assets/ts/main.ts b/assets/ts/main.ts
@@ -243,6 +243,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
     const contactForm = <ContactForm>document.getElementById(CONTACT_FORM_ID);
     if (contactForm) {
+        const contactFieldset = contactForm.querySelector('fieldset');
         const contactFormBtn = <HTMLButtonElement>(
             document.getElementById(CONTACT_FORM_BUTTON)
         );
@@ -313,12 +314,20 @@ document.addEventListener('DOMContentLoaded', function () {
                                     );
                                     // don't reset the form on error, so the user can try again
                                 });
+
+                            if (contactFieldset) {
+                                contactFieldset.disabled = false;
+                            }
                         }
                     );
 
                     contactForm.addEventListener('submit', (submitEvent) => {
                         submitEvent.preventDefault();
 
+                        if (contactFieldset) {
+                            contactFieldset.disabled = true;
+                        }
+
                         if (
                             contactForm.fullName.value &&
                             contactForm.email.value &&