Merge pull request #1 from student-aditipaliwal/student-aditipaliwal-…

…patch-1

Form Validation issue jaysomani#116

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>
+</html>