From 92e8590e6735b03820fea980bd0e15756ce0d205 Mon Sep 17 00:00:00 2001
From: student-aditipaliwal
 <147225647+student-aditipaliwal@users.noreply.github.com>
Date: Mon, 5 Feb 2024 23:06:23 +0530
Subject: [PATCH] Update contact.html

---
 pages/contact/contact.html | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/pages/contact/contact.html b/pages/contact/contact.html
index bdf2c71..40f5755 100644
--- a/pages/contact/contact.html
+++ b/pages/contact/contact.html
@@ -21,7 +21,7 @@ <h1>Contact us</h1>
             </div>
             <div class="side">
                 <p>
-                    <input id="nameInput" type="text" placeholder="Your name">
+                    <input id="nameInput" type="text" placeholder="Your name" oninput="validateName('nameInput')">
                 </p>
                 <p>
                     <input id="emailInput" type="email" placeholder="Your email">
@@ -41,6 +41,24 @@ <h1>Contact us</h1>
 
     <script src="./contact.js"></script>
 
+       <!-- ADDING FORM VALIDATION IN NAME FIELD  -->
+     
+
+<script>
+        
+
+    function validateName(inputId) {
+      let input = document.getElementById(inputId);
+      let value = input.value;
+      let regex = /^[A-Za-z ]+$/;
+
+      if (!regex.test(value)) {
+        alert("Please enter only characters in the name field.");
+        input.value = value.replace(/[^A-Za-z ]/g, ''); // Remove any non-alphabetic characters
+      }
+  }
+    
+  </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>