Merge pull request #36 from TartejBrothers/Changes

Allowing only alphabets on form name
TartejBrothers · Jan 20, 2024 · 1875859 · 1875859
2 parents b43d419 + f98ca9e
commit 1875859
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 8 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/index.html b/index.html
@@ -194,9 +194,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" />
@@ -231,7 +245,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/mentees.html b/mentees.html
@@ -115,8 +115,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"
@@ -158,8 +170,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"