Merge pull request #1171 from anjali5Xcode/main

Updated login.html

login.html

@@ -52,7 +52,7 @@
   <div class="container">
     <div class="forms-container">
       <div class="signin-signup">
-        <form action="#" class="sign-in-form">
+        <form action="#" class="sign-in-form" onsubmit="return validateSignInForm()">
           <h2 class="title">Sign in</h2>
           <div class="input-field">
             <i class="fas fa-user"></i>
@@ -76,6 +76,34 @@ <h2 class="title">Sign in</h2>
             </a>
           </div>
         </form>
+       <script>
+       function validateSignInForm() {
+                const username = document.querySelector('.sign-in-form input[type="text"]').value;
+                const password = document.querySelector('.sign-in-form input[type="password"]').value;
+
+                // Sign-in validation logic
+                if (username.trim() === "") {
+                    alert("Please enter your username.");
+                    return false;
+                }
+
+                if (password.trim() === "") {
+                    alert("Please enter your password.");
+                    return false;
+                }
+
+                // Simulate successful login 
+                alert("You have successfully logged in to the website!");
+
+                // Redirect to the home screen after a short delay
+                setTimeout(function() {
+                    window.location.href = "index.html"; 
+                }, 2000); // Redirect after 2 seconds
+
+                // If all validations pass, return true to allow form submission
+                return false; // Prevent form submission since we are handling the redirect
+            };
+          </script>
         <form action="#" class="sign-up-form"
           style="background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
           <h2 class="title">Sign up</h2>