fix timestamp

vwolfley · Mar 23, 2024 · 3e98c93 · 3e98c93
1 parent 9c39ca8
commit 3e98c93
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 17 deletions.
diff --git a/chamber/join.html b/chamber/join.html
@@ -87,7 +87,7 @@ <h2 class="header">Join the West Valley Chamber of Commerce</h2>
                                 <label class="top">Last Name* <input type="text" id="lname" name="lname" placeholder="Last Name" required /></label>
                                 <label class="top"
                                     >Title or Position*
-                                    <input type="text" id="position" name="position" required />
+                                    <input type="text" id="position" name="position" pattern="[a-zA-Z\- ]{7,}" required />
                                 </label>
                                 <label class="top"
                                     >Email*
@@ -221,7 +221,7 @@ <h3>Links</h3>
         </footer>
         <!-- /Footer  -->
         <script src="scripts/chamberJS.js"></script>
-        <script src="scripts/timeStamp.js"></script>
+        <!-- <script src="scripts/timeStamp.js"></script> -->
         <script src="scripts/form.js"></script>
     </body>
 </html>
diff --git a/chamber/scripts/chamberJS.js b/chamber/scripts/chamberJS.js
@@ -151,7 +151,7 @@ async function getSpotLightMembers() {
 }
 
 function displaySpotlightMembers(members) {
-    console.log(members);
+    // console.log(members);
 
     let topMembers = members.filter((member) => member.membership === "Silver" || member.membership === "Gold");
 

diff --git a/chamber/scripts/form.js b/chamber/scripts/form.js
@@ -5,8 +5,8 @@ function validateForm(event) {
 
     elements.forEach((input) => {
         if (input.value.trim() === "") {
-            showError();
             isValid = false;
+            showError();
         }
     });
     // Check if any radio option is selected
@@ -17,13 +17,14 @@ function validateForm(event) {
         }
     });
     if (!radioSelected) {
-        showError();
         isValid = false;
+        showError();
     }
 
     if (isValid) {
         // Form is valid, submit it
-        setTimestamp()
+        timeStamp();
+        event.preventDefault(); // Prevent form submission
     } else {
         event.preventDefault(); // Prevent form submission
     }
@@ -52,3 +53,8 @@ function showError() {
         error.classList.add("hide");
     }, 3000); // Hide the message after 3 seconds
 }
+
+// Function to set value of hidden input field with current date/time in milliseconds
+function setTimestamp() {
+    document.getElementById("timestampmilli").value = Date.now();
+}
diff --git a/chamber/scripts/timeStamp.js b/chamber/scripts/timeStamp.js
@@ -1,10 +1,7 @@
-if (window.location.pathname === "/wdd230/chamber/thankyou.html") {
-    timeStamp();
-}
-
 function timeStamp() {
     // Get the current date and time
-    var now = new Date();
+    const now = new Date();
+    // Define the options for the date and time
     const options = {
         weekday: "short",
         year: "numeric",
@@ -18,13 +15,10 @@ function timeStamp() {
         timeZoneName: "short",
     };
     // Format the date and time
-    var timestamp = now.toLocaleString("en-US", options);
+    const timestamp = now.toLocaleString("en-US", options);
     // Display the timestamp
     document.getElementById("timestamp").innerText = `Timestamp: ${timestamp}`;
 }
 
 
-// Function to set value of hidden input field with current date/time in milliseconds
-function setTimestamp() {
-    document.getElementById("timestampmilli").value = Date.now();
-}
+
diff --git a/chamber/thankyou.html b/chamber/thankyou.html
@@ -12,7 +12,7 @@
         <link type="text/css" rel="stylesheet" href="./styles/medium.css" />
         <link type="text/css" rel="stylesheet" href="./styles/larger.css" />
     </head>
-    <body id="record">
+    <body id="record" onload="timeStamp()">
         <div class="container">
             <h1>Application Confirmation</h1>
             <p>Thank you for submitting the Application Request!</p>