Merge pull request #37 from TartejBrothers/Changes

Form validation for name
TartejBrothers · Jan 20, 2024 · 38129b7 · 38129b7
2 parents 1875859 + d46e1b0
commit 38129b7
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 8 deletions.
diff --git 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
@@ -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"