From bfb67948f40433258c9dfffe62eb515de5bd7051 Mon Sep 17 00:00:00 2001
From: Anwishta <anwishtaghosh@gmail.com>
Date: Sun, 6 Oct 2024 15:09:56 +0530
Subject: [PATCH 1/2] login logic added

---
 Html-files/login.html | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/Html-files/login.html b/Html-files/login.html
index 56590949..d82d198d 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -128,20 +128,21 @@
         </div>
       </div>
     </div>
-  <form action="">
+  <form id="loginForm" action="logged.html">
     <div class="right-login">
       <div class="card-login">
         <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</h1>
         <div class="textfield">
           <label for="usuario" style="color: black;font-family:var(--ff-poppins);">Email / User Name</label>
-          <input required type="text" name="email" placeholder="Enter Email / UserName" style="font-family:var(--ff-poppins);">
+          <input required type="text" id="email" name="email" placeholder="Enter Email / UserName" style="font-family:var(--ff-poppins);">
         </div>
         <div class="textfield">
           <label required for="password" style="color: black;font-family:var(--ff-poppins);">Password</label>
-          <input required type="password" name="password" placeholder="Enter Password" style="font-family:var(--ff-poppins);">
+          <input required type="password" id="password" name="password" placeholder="Enter Password" style="font-family:var(--ff-poppins);">
         </div>
-        <button class="btn-login" style="color: black;font-family:var(--ff-poppins);"><a style="text-decoration: none;color: black;" href="logged.html">Login</a></button>
+        <button type="submit" class="btn-login" style="color: black;font-family:var(--ff-poppins);">Login</button>
         <button id="google-login" style="color: black;font-family:var(--ff-poppins);">Login with google</button>
+        <p id="error-message" style="color: red; font-family: var(--ff-poppins);"></p>
       </div>
     </div>
 </form>
@@ -211,6 +212,29 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
     }
 
     animateCircles();
+    
+document.getElementById('loginForm').addEventListener('submit', function(event) {
+  
+    event.preventDefault();
+
+    const emailInput = document.getElementById('email').value;
+    const passwordInput = document.getElementById('password').value;
+
+    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+    const isValidPassword = passwordInput.length >= 8;
+
+    document.getElementById('error-message').textContent = '';
+
+    if (!emailPattern.test(emailInput)) {
+        document.getElementById('error-message').textContent = 'Invalid email format.';
+    } else if (!isValidPassword) {
+        document.getElementById('error-message').textContent = 'Password must be at least 8 characters.';
+    } else {
+        window.location.assign('logged.html');
+    }
+});
+
   </script>
 </body>
 </html>
\ No newline at end of file

From 9397de067cdf9dfc6592a4834a48fc62e4553925 Mon Sep 17 00:00:00 2001
From: Anwishta <anwishtaghosh@gmail.com>
Date: Sun, 6 Oct 2024 15:22:44 +0530
Subject: [PATCH 2/2] commands added

---
 Html-files/login.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/Html-files/login.html b/Html-files/login.html
index d82d198d..b204b547 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -213,24 +213,33 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
 
     animateCircles();
     
+// Form submission event listener
 document.getElementById('loginForm').addEventListener('submit', function(event) {
-  
+    // Prevent form submission
     event.preventDefault();
 
+    // Get the input values
     const emailInput = document.getElementById('email').value;
     const passwordInput = document.getElementById('password').value;
 
+    // Regular expression for email validation (simple check)
     const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 
+    // Password validation (at least 8 characters)
     const isValidPassword = passwordInput.length >= 8;
 
+    // Clear previous error message
     document.getElementById('error-message').textContent = '';
 
+    // Validate the email and password separately
     if (!emailPattern.test(emailInput)) {
+        // Display an error message if the email format is incorrect
         document.getElementById('error-message').textContent = 'Invalid email format.';
     } else if (!isValidPassword) {
+        // Display an error message if the password is too short
         document.getElementById('error-message').textContent = 'Password must be at least 8 characters.';
     } else {
+        // If both are valid, redirect to logged.html
         window.location.assign('logged.html');
     }
 });