From 87116187db209a7200f933ff67a52c27da6ba60e Mon Sep 17 00:00:00 2001
From: Al-Faris Mujahid AlZakwani <a.alzakwani@outlook.com>
Date: Thu, 11 Jul 2024 12:44:53 +0400
Subject: [PATCH] "Added form validation to contact form"

---
 assets/js/contact.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/assets/js/contact.js b/assets/js/contact.js
index 374a149..facaeb0 100644
--- a/assets/js/contact.js
+++ b/assets/js/contact.js
@@ -35,6 +35,26 @@ userImage.addEventListener('mouseout', () => {
     userImage.style.maxWidth = '500px';
 });
 
+document.querySelector('.contact-form').addEventListener('submit', function(event) {
+  var name = document.getElementById('name').value;
+  var email = document.getElementById('email').value;
+  var subject = document.getElementById('subject').value;
+  var message = document.getElementById('message').value;
+
+  if (!name || !email || !subject || !message) {
+      alert('Please fill in all fields');
+      event.preventDefault();
+  } else if (!validateEmail(email)) {
+      alert('Please enter a valid email address');
+      event.preventDefault();
+  }
+});
+
+function validateEmail(email) {
+  var re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return re.test(email);
+}
+
 shape.addEventListener('mouseover', () => {
     shape.style.opacity = '0.5';
     shape.style.transform = 'translateY(280px)';