From 3e665044abadb00ffc1d6b4ea0891b1858a31919 Mon Sep 17 00:00:00 2001
From: Krish Patel <65026713+KrishPatel1205@users.noreply.github.com>
Date: Sun, 27 Oct 2024 18:38:29 +0530
Subject: [PATCH] Update give_feedback.html

---
 give_feedback.html | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/give_feedback.html b/give_feedback.html
index c1837657..4a155aff 100644
--- a/give_feedback.html
+++ b/give_feedback.html
@@ -15,6 +15,8 @@
     crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel="stylesheet" href="style.css" />
   <link rel="stylesheet" href="Scroll_and_progressbar.css" />
+  <script src="give_feedback.js" defer></script>
+
   <style>
     /* Custom popup styles */
     .send-btn {
@@ -552,20 +554,31 @@ <h3>Message Sent</h3>
     const feedbackResult = document.getElementById('feedback-result');
 
     submitBtn.addEventListener('click', () => {
-      const name = document.getElementById('Name').value;
-      const email = document.getElementById('email2').value;
-      const message = document.getElementById('message').value;
+      const name = document.getElementById('Name').value.trim();
+      const email = document.getElementById('email2').value.trim();
+      const message = document.getElementById('message').value.trim();
       const rating = document.querySelector('input[name="rating"]:checked')?.value;
 
 
        // Email validation regex
        const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 
+// Validate name
+if (name === '') {
+    alert('Please enter your name!');
+    return; // Stop execution if name is empty
+}
+
 // Validate email
 if (!emailPattern.test(email)) {
-    alert('Please enter a valid email address.');
+    alert('Please enter a valid email address!');
     return; // Stop execution if email is invalid
 }
+
+if (message === '') {
+    alert('Please enter a feedback message!');
+    return; // Stop execution if name is empty
+}
       
       // Display feedback result in popup
       feedbackResult.innerHTML = `Thank you, ${name}!<br>Your feedback: ${message}<br>Rating: ${rating} stars`;
@@ -732,6 +745,8 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
   <script src="./darkMode.js"></script>
 
   <script src="progress_bar.js"></script>
+  <script src="give_feedback.js"></script>
+
 
   <script src="main.js"></script>