login validation.js

client/assets/javascript/login.js

@@ -16,7 +16,8 @@ function handlerLogin(){
     let emailEl = document.querySelector("#form-email");
     let passwordEl = document.querySelector("#form-password");
 
-    validate(emailEl, passwordEl);
+    // validate(emailEl, passwordEl);
+     if (!validate(emailEl, passwordEl)) return;
 
     fetch(LOGIN_URL, {
         method: "POST",

client/assets/javascript/register.js

@@ -19,7 +19,8 @@ function handleRegisterUser(){
     let email = document.querySelector(".form-email");
     let password = document.querySelector(".form-password");
 
-    validate(fullName, email, password);
+    // validate(fullName, email, password);
+    if (!validate(fullName, email, password)) return; 
     const token = localStorage.getItem("token");
 
     fetch(REGISTER_URL, {
@@ -53,8 +54,14 @@ function validate(fullName, email, password) {
         alert("Please enter your email");
         return;
     }
+    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailPattern.test(email.value)) {
+        alert("Please enter a valid email address");
+        return false;
+    }
     if(password.value.trim() === "") {
         alert("Please enter your password");
         return;
     }
+    return true;
 }

client/assets/javascript/validation.js

@@ -0,0 +1,30 @@
+
+
+function validate(emailEl, passwordEl) {
+  const email = emailEl.value.trim();
+  const password = passwordEl.value.trim();
+
+
+  if (!email) {
+    alert("Please enter your email");
+    return false;
+  }
+
+
+  const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  if (!emailPattern.test(email)) {
+    alert("Please enter a valid email address");
+    return false;
+  }
+
+
+  if (!password) {
+    alert("Please enter your password");
+    return false;
+  }
+
+
+
+
+  return true;
+}

client/pages/login.html

@@ -41,6 +41,7 @@ <h1 class="login-title">Login</h1>
 
     </div>
 </main>
+<script src="../assets/javascript/validation.js"></script>
 <script src="../assets/javascript/login.js"></script>
 </body>
 </html>