Merge pull request #875 from byteom/issue-870

Fix issue #870 At carrier page - Date Input Field Allows Invalid Six-…

careers.html

@@ -145,7 +145,7 @@ <h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>
 
             <div class="form-group mb-3">
               <label class="fw-bold" for="start-date">Start Date: </label>
-              <input type="date" id="start-date" name="start-date" required>
+              <input type="date" id="start-date" name="start-date" required min="0000-01-01" max="9999-12-31" pattern="\d{4}-\d{2}-\d{2}" title="Please enter a date with a 4-digit year">
             </div>
             <div class="form-group mb-3">
               <label class="fw-bold" for="cv-linkedin">Link to CV/LinkedIn: </label>
@@ -187,6 +187,18 @@ <h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>
       this.reset();
     });
   </script>
+
+<script>
+  document.getElementById('start-date').addEventListener('input', function () {
+    const inputDate = this.value;
+    const year = inputDate.split('-')[0];
+    if (year.length > 4) {
+      this.value = inputDate.slice(0, 4) + inputDate.slice(5); // Trims additional digits
+    }
+  });
+</script>
+
+
 </body>
 
 </html>