Consolidating all form-relate js to form.js

DiogenesAnalytics · Mar 11, 2024 · 7f3c8f8 · 7f3c8f8
1 parent a9181c1
commit 7f3c8f8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -35,28 +35,5 @@
     </div>
   </noscript>
 <script src="scripts/form.js"></script>
-<script>
-  // Custom validation for select elements
-  document.getElementById("contact-form").addEventListener("submit", function(event) {
-    if (!this.checkValidity()) {
-      // Built-in validation failed, no need to continue
-      return;
-    }
-
-    // Custom validation for select elements
-    var selectElements = this.querySelectorAll("select[required]");
-    for (var i = 0; i < selectElements.length; i++) {
-      if (selectElements[i].value === "") {
-        event.preventDefault(); // Prevent form submission
-        alert("Please select an option.");
-
-        // Scroll to the element
-        selectElements[i].scrollIntoView({ behavior: "smooth", block: "center" });
-
-        return;
-      }
-    }
-  });
-</script>
 </body>
 </html>
diff --git a/scripts/form.js b/scripts/form.js
@@ -285,3 +285,25 @@ fetch('config.json')
 .catch(error => {
     handleConfigError(error);
 });
+
+// Custom validation for select elements
+document.getElementById("contact-form").addEventListener("submit", function(event) {
+  if (!this.checkValidity()) {
+    // Built-in validation failed, no need to continue
+    return;
+  }
+
+  // Custom validation for select elements
+  var selectElements = this.querySelectorAll("select[required]");
+  for (var i = 0; i < selectElements.length; i++) {
+    if (selectElements[i].value === "") {
+      event.preventDefault(); // Prevent form submission
+      alert("Please select an option.");
+
+      // Scroll to the element
+      selectElements[i].scrollIntoView({ behavior: "smooth", block: "center" });
+
+      return;
+    }
+  }
+});