Validar fechas Js en Form Postulante

curriculumsearch/src/main/resources/static/main.js

@@ -49,7 +49,25 @@ function agregarFieldExpierncia(event){
     //recoger del form
     //recoger del form
     const pairs = {};
     const pairs = {};
     const formexp = document.querySelector("[name=experiencia-form]");
     const formexp = document.querySelector("[name=experiencia-form]");
+    formexp.classList.add('was-validated')
     const formData = new FormData(formexp);
     const formData = new FormData(formexp);
+    let error=validarfecha(formData.get("fechaDesde"), formData.get("fechaHasta"))
+    let appendTo = "Hasta";
+   if (error) {
+
+        if(error.includes("desde")) appendTo = "Desde";
+        formexp.querySelector(".errorfecha"+appendTo)
+        
+        formexp['fecha'+appendTo].setCustomValidity(error)
+        document.querySelector(".errorfecha"+appendTo).innerHTML = error;
+        console.log(error);
+        
+   }
+   else{
+    formexp.fechaDesde.setCustomValidity('')
+    formexp.fechaHasta.setCustomValidity('')
+   }
+    
     const reconocimientos = [{},{},{}];
     const reconocimientos = [{},{},{}];
     let pos_rec;
     let pos_rec;
     let returnFlag = false;
     let returnFlag = false;
@@ -87,6 +105,7 @@ function agregarFieldExpierncia(event){
     pairs["reconocimientos"] = reconocimientos.filter(rec => rec.nombre);
     pairs["reconocimientos"] = reconocimientos.filter(rec => rec.nombre);
     experiencias[cont_experiencia] = pairs;
     experiencias[cont_experiencia] = pairs;
     formexp.reset();
     formexp.reset();
+    formexp.classList.remove('was-validated')
     //imprimir lista actualizada
     //imprimir lista actualizada
     const div = document.querySelector("#experiencias")
     const div = document.querySelector("#experiencias")
     const div1 = document.createElement('div');
     const div1 = document.createElement('div');
@@ -108,6 +127,22 @@ function agregarFieldExpierncia(event){
     div.appendChild(div1);
     div.appendChild(div1);
     cont_experiencia++;
     cont_experiencia++;
 }
 }
+function validarfecha(fechaDesde, fechaHasta){
+    let fechadehoy= new Date().toISOString().slice(0,10);
+
+    if(fechaDesde>fechadehoy ){
+       return "la fecha desde no puede ser mayor a la fecha actual" ;   
+    }
+    if(fechaHasta =! null && fechaHasta>fechadehoy){
+        return "la fecha hasta no puede ser mayor a la fecha actual" ;  
+    } 
+    if(fechaHasta =! null && fechaDesde>fechaHasta){
+        return "la fecha desde no puede ser mayor a la fecha hasta";
+    
+    }
+        return false
+  
+}
 /*--------------------------------------------------------------------*/
 /*--------------------------------------------------------------------*/
 function agregarFieldTecnologia(){
 function agregarFieldTecnologia(){
     //recoger del form
     //recoger del form

curriculumsearch/src/main/webapp/jsp/postulante-form.jsp

@@ -245,12 +245,16 @@
                         <div class="inputs">
                         <div class="inputs">
                             <label for="fechaDesdeExperiencia" class="form-label">Fecha Desde</label>
                             <label for="fechaDesdeExperiencia" class="form-label">Fecha Desde</label>
                             <input type="date" class="form-control" name="fechaDesde" id="fechaDesdeExperiencia" required>
                             <input type="date" class="form-control" name="fechaDesde" id="fechaDesdeExperiencia" required>
+                            <div class="invalid-feedback errorFechaDesde">
+                              
+                            </div>
                         </div>
                         </div>
                          
                          
                         <div class="inputs">
                         <div class="inputs">
                             <label for="fechaHastaExperiencia" class="form-label">Fecha Hasta</label>
                             <label for="fechaHastaExperiencia" class="form-label">Fecha Hasta</label>
                             <input type="date" class="form-control" name="fechaHasta" id="fechaHastaExperiencia" >
                             <input type="date" class="form-control" name="fechaHasta" id="fechaHastaExperiencia" >
-                        </div>
+                            <div class="invalid-feedback errorfechaHasta"></div>
+                          </div>
                         
                         
                         <div class="inputs">
                         <div class="inputs">
                             <label for="cargo" class="form-label">Cargo</label>
                             <label for="cargo" class="form-label">Cargo</label>