From d9e6b379334e424ccf6111c4b4c03fc8f5ac470f Mon Sep 17 00:00:00 2001
From: unknown <dindishriya@gmail.com>
Date: Wed, 23 Oct 2024 15:11:34 +0530
Subject: [PATCH] Validated the signup form

---
 Html-files/signup.html | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/Html-files/signup.html b/Html-files/signup.html
index 17e83eda..23819ada 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -346,7 +346,38 @@ <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">SIGN U
         defer>
         </script>
         <script>
-          // JavaScript to toggle password visibility
+          document.querySelector('.btn-login').addEventListener('click', function(event) {
+  event.preventDefault(); // Prevent form default submission
+  const name = document.getElementById('name').value;
+  const email = document.getElementById('email').value;
+  const password = document.getElementById('password').value;
+
+  // Simple form validation
+  if (!name || !email || !password) {
+    alert('Please fill out all fields.');
+  } else {
+    console.log({ name, email, password });
+    // Implement form submission logic here
+  }
+});
+if (usernameInput.value.trim() === "") {
+          usernameError.textContent = "Username is required.";
+          usernameError.style.display = "block";
+          valid = false;
+        } else {
+          usernameError.style.display = "none";
+        }
+
+        // Validate email with a regular expression
+        const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailPattern.test(emailInput.value)) {
+          emailError.textContent = "Please enter a valid email address.";
+          emailError.style.display = "block";
+          valid = false;
+        } else {
+          emailError.style.display = "none";
+        }
+      // JavaScript to toggle password visibility
           const passwordField = document.getElementById('password');
           const showPasswordCheckbox = document.getElementById('showPassword');