From d46e1b0c6ceaa5c9b9644065afc2bc7ec03b7d14 Mon Sep 17 00:00:00 2001
From: TartejBrothers <taranjeetsinghbedi2@gmail.com>
Date: Sun, 21 Jan 2024 05:06:06 +0530
Subject: [PATCH] Form validation for name

---
 Flask/templates/index.html   | 28 ++++++++++++++++++++++++----
 Flask/templates/mentees.html | 32 ++++++++++++++++++++++++++++----
 2 files changed, 52 insertions(+), 8 deletions(-)

diff --git a/Flask/templates/index.html b/Flask/templates/index.html
index 787b96e..04094d6 100644
--- a/Flask/templates/index.html
+++ b/Flask/templates/index.html
@@ -198,9 +198,23 @@ <h1>Volunteer Now</h1>
         </p>
       </div>
       <div class="volunteerright">
-        <form>
-          <input type="text" placeholder="First Name" class="inputhalf" />
-          <input type="text" placeholder="Last Name" class="inputhalf" />
+        <form name="formhome">
+          <input
+            type="text"
+            placeholder="First Name"
+            class="inputhalf"
+            name="firstname"
+            pattern="[A-Za-z]+"
+            title="Enter only alphabets"
+          />
+          <input
+            type="text"
+            placeholder="Last Name"
+            class="inputhalf"
+            name="lastname"
+            pattern="[A-Za-z]+"
+            title="Enter only alphabets"
+          />
           <input type="text" placeholder="Mobile Number" class="inputhalf" />
           <input type="number" placeholder="Age" class="inputhalf" />
           <input type="text" placeholder="Address" class="inputfull" />
@@ -235,7 +249,13 @@ <h1>Donation</h1>
       <div class="donationright">
         <form>
           <input type="text" placeholder="E-Mail" class="inputfull" />
-          <input type="text" placeholder="Name On Card" class="inputfull" />
+          <input
+            type="text"
+            placeholder="Name On Card"
+            class="inputfull"
+            pattern="[A-Za-z]+"
+            title="Enter only alphabets"
+          />
           <input type="number" placeholder="Card Number" class="inputfull" />
           <input
             type="text"
diff --git a/Flask/templates/mentees.html b/Flask/templates/mentees.html
index 4cc7e57..04e2c54 100644
--- a/Flask/templates/mentees.html
+++ b/Flask/templates/mentees.html
@@ -119,8 +119,20 @@ <h1>Mentees</h1>
           </div>
           <div class="menteesformbodyright">
             <form>
-              <input type="text" placeholder="First Name" class="inputhalf" />
-              <input type="text" placeholder="Last Name" class="inputhalf" />
+              <input
+                type="text"
+                placeholder="First Name"
+                class="inputhalf"
+                pattern="[A-Za-z]+"
+                title="Enter only alphabets"
+              />
+              <input
+                type="text"
+                placeholder="Last Name"
+                class="inputhalf"
+                pattern="[A-Za-z]+"
+                title="Enter only alphabets"
+              />
               <input
                 type="text"
                 placeholder="Mobile Number"
@@ -162,8 +174,20 @@ <h1>Mentors</h1>
           </div>
           <div class="menteesformbodyright">
             <form>
-              <input type="text" placeholder="First Name" class="inputhalf" />
-              <input type="text" placeholder="Last Name" class="inputhalf" />
+              <input
+                type="text"
+                placeholder="First Name"
+                class="inputhalf"
+                pattern="[A-Za-z]+"
+                title="Enter only alphabets"
+              />
+              <input
+                type="text"
+                placeholder="Last Name"
+                class="inputhalf"
+                pattern="[A-Za-z]+"
+                title="Enter only alphabets"
+              />
               <input
                 type="text"
                 placeholder="Mobile Number"