Merge pull request #3410 from SalehaTabassum/cards

Fixed issue #3400 form validation
anuragverma108 · Oct 14, 2024 · 5320fa4 · 5320fa4
2 parents d1c9027 + 0be8e17
commit 5320fa4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/assets/html/donate.html b/assets/html/donate.html
@@ -97,7 +97,7 @@
   <body>
     <div class="form-container">
       <h1>Donate Books to Library</h1>
-      <form id="donationForm">
+      <form id="donationForm" onsubmit="submitForm(event)">
         <div class="form-group">
           <label for="name">Name:</label>
           <input type="text" id="name" name="name" required />
@@ -124,7 +124,7 @@ <h1>Donate Books to Library</h1>
           </select>
         </div>
         <div class="form-group">
-          <button type="button" onclick="submitForm()">Submit</button>
+          <button type="submit" onclick="submitForm()">Submit</button>
         </div>
       </form>
       <div id="thankYouMessage" class="thank-you-message">
@@ -134,7 +134,8 @@ <h1>Donate Books to Library</h1>
     </div>
 
     <script>
-      function submitForm() {
+      function submitForm(event) {
+        event.preventDefault();
         // Hide the form
         document.getElementById("donationForm").style.display = "none";
 

diff --git a/assets/html/ngo.html b/assets/html/ngo.html
@@ -89,7 +89,7 @@
   <body>
     <div class="form-container">
       <h1>Donate Books to Organization</h1>
-      <form id="donationForm">
+      <form id="donationForm" onsubmit="submitForm(event)">
         <div class="form-group">
           <label for="name">Name of Donor:</label>
           <input type="text" id="name" name="name" required />
@@ -120,7 +120,7 @@ <h1>Donate Books to Organization</h1>
           </select>
         </div>
         <div class="form-group">
-          <button type="button" onclick="submitForm()">Submit</button>
+          <button type="submit" onclick="submitForm()">Submit</button>
         </div>
       </form>
       <div id="thankYouMessage" class="thank-you-message">
@@ -130,7 +130,8 @@ <h1>Donate Books to Organization</h1>
     </div>
 
     <script>
-      function submitForm() {
+      function submitForm(event) {
+        event.preventdefault();
         // Hide the form
         document.getElementById("donationForm").style.display = "none";
 

diff --git a/assets/html/school.html b/assets/html/school.html
@@ -93,7 +93,7 @@
   <body>
     <div class="form-container">
       <h1>Donate Books to School</h1>
-      <form id="donationForm">
+      <form id="donationForm" onsubmit="submitForm(event)">
         <div class="form-group">
           <label for="name">Name of Donor:</label>
           <input type="text" id="name" name="name" required />
@@ -120,7 +120,7 @@ <h1>Donate Books to School</h1>
           </select>
         </div>
         <div class="form-group">
-          <button type="button" onclick="submitForm()">Submit</button>
+          <button type="submit">Submit</button>
         </div>
       </form>
       <div id="thankYouMessage" class="thank-you-message">
@@ -130,7 +130,9 @@ <h1>Donate Books to School</h1>
     </div>
 
     <script>
-      function submitForm() {
+      function submitForm(event) {
+        event.preventDefault(); // Prevent the default form submission
+
         // Hide the form
         document.getElementById("donationForm").style.display = "none";