From fd9d0e938377bbd88c5df65f02fd021ef5520e15 Mon Sep 17 00:00:00 2001
From: adityamanapure <137915305+adityamanapure@users.noreply.github.com>
Date: Sun, 27 Oct 2024 12:36:06 +0530
Subject: [PATCH 1/2] Update signup.html

added password constraints
---
 Html-files/signup.html | 47 ++++++++++++++++++++++++++++++++++--------
 1 file changed, 38 insertions(+), 9 deletions(-)

diff --git a/Html-files/signup.html b/Html-files/signup.html
index 17e83eda..8a97bc0e 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -346,18 +346,47 @@ <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">SIGN U
         defer>
         </script>
         <script>
-          // JavaScript to toggle password visibility
-          const passwordField = document.getElementById('password');
-          const showPasswordCheckbox = document.getElementById('showPassword');
-      
-          showPasswordCheckbox.addEventListener('change', () => {
+            // JavaScript to toggle password visibility
+            const passwordField = document.getElementById('password');
+            const showPasswordCheckbox = document.getElementById('showPassword');
+            const passwordMessage = document.getElementById('passwordMessage');
+          
+            showPasswordCheckbox.addEventListener('change', () => {
               if (showPasswordCheckbox.checked) {
-                  passwordField.type = 'text';  // Show password
+                passwordField.type = 'text';  // Show password
               } else {
-                  passwordField.type = 'password';  // Hide password
+                passwordField.type = 'password';  // Hide password
               }
-          });
-      </script>
+            });
+          
+            // Function to validate password constraints
+            function validatePassword() {
+              const password = passwordField.value;
+              const minLength = 8;
+              const hasNumber = /\d/;
+              const hasSpecialChar = /[!@#$%^&*(),.?":{}|<>]/;
+          
+              let message = '';
+          
+              if (password.length < minLength) {
+                message += `Password must be at least ${minLength} characters long. `;
+              }
+              if (!hasNumber.test(password)) {
+                message += 'Password must contain at least one number. ';
+              }
+              if (!hasSpecialChar.test(password)) {
+                message += 'Password must contain at least one special character. ';
+              }
+          
+              passwordMessage.textContent = message;
+            }
+          
+            // Add event listener to password field
+            passwordField.addEventListener('input', validatePassword);
+          </script>
+          
+          <!-- Add this element to display password validation messages -->
+          <div id="passwordMessage" style="color: red;"></div>
     <div class="gtranslate_wrapper"></div>
     <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
     <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>

From 189876d583aec321e66d42a6f12f7ac6ffe06ee5 Mon Sep 17 00:00:00 2001
From: adityamanapure <137915305+adityamanapure@users.noreply.github.com>
Date: Sun, 27 Oct 2024 12:41:43 +0530
Subject: [PATCH 2/2] Update login.html

added success message on login
---
 Html-files/login.html | 74 +++++++++++++++++++++++++------------------
 1 file changed, 43 insertions(+), 31 deletions(-)

diff --git a/Html-files/login.html b/Html-files/login.html
index fa220990..268dee1e 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -387,36 +387,7 @@ <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');
-      }
-    });
+   
 
     // Toggle password visibility
     function togglePasswordVisibility() {
@@ -433,6 +404,47 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
       }
     }
   </script>
+  <!-- Add this element to display success messages -->
+<div id="success-message" style="color: green;"></div>
+
+<script>
+  // 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 = '';
+    document.getElementById('success-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, display success message
+      document.getElementById('success-message').textContent = 'Login successful!';
+      // Optionally, redirect after a delay
+      setTimeout(() => {
+        window.location.assign('logged.html');
+      }, 2000); // Redirect after 2 seconds
+    }
+  });
+
+</script>
   <script>
     window.embeddedChatbotConfig = {
       chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
@@ -451,4 +463,4 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 </body>
-</html>
\ No newline at end of file
+</html>