Algunas validaciones

parent 8a0d1990
...@@ -6,6 +6,7 @@ public enum TipoDeEstudio { ...@@ -6,6 +6,7 @@ public enum TipoDeEstudio {
TERCIARIO("Terciario"), TERCIARIO("Terciario"),
SECUNDARIO("Secundario"), SECUNDARIO("Secundario"),
CURSO("Curso"), CURSO("Curso"),
POSTGRADO("Post Grado"),
OTRO("Otro"); OTRO("Otro");
private final String name; private final String name;
......
...@@ -36,8 +36,10 @@ function agregarFieldExpierncia(event){ ...@@ -36,8 +36,10 @@ function agregarFieldExpierncia(event){
let pos_rec; let pos_rec;
let returnFlag = false; let returnFlag = false;
let requiredValues = ["institucion", "cargo", "fechaDesde"]
formData.forEach((value, key)=>{ formData.forEach((value, key)=>{
if((key === "institucion" || key === "cargo" || key === "fechaDesde") if(requiredValues.includes(key)
&& value==="" && returnFlag == false){ && value==="" && returnFlag == false){
console.log(key, value) console.log(key, value)
returnFlag = true; returnFlag = true;
...@@ -45,7 +47,12 @@ function agregarFieldExpierncia(event){ ...@@ -45,7 +47,12 @@ function agregarFieldExpierncia(event){
}); });
if(returnFlag===true){ if(returnFlag===true){
alert("Rellene Institucion, Fechas y Cargo como minimo"); let message = "Rellene "
for(let i=0;i<requiredValues.length;i++){
message+=", "+requiredValues[i];
}
message += " como minimo."
alert(message);
return; return;
} }
...@@ -57,7 +64,7 @@ function agregarFieldExpierncia(event){ ...@@ -57,7 +64,7 @@ function agregarFieldExpierncia(event){
else{ else{
pairs[name] = value pairs[name] = value
} }
} }
pairs["reconocimientos"] = reconocimientos.filter(rec => rec.nombre); pairs["reconocimientos"] = reconocimientos.filter(rec => rec.nombre);
experiencias[cont_experiencia] = pairs; experiencias[cont_experiencia] = pairs;
...@@ -89,6 +96,30 @@ function agregarFieldTecnologia(){ ...@@ -89,6 +96,30 @@ function agregarFieldTecnologia(){
const pairs = {}; const pairs = {};
const formtecn = document.querySelector("[name=tecnologia-form]"); const formtecn = document.querySelector("[name=tecnologia-form]");
const formData = new FormData(formtecn); const formData = new FormData(formtecn);
//Validacion
let returnFlag = false;
let requiredValues = ["nombre", "nivel"]
formData.forEach((value, key)=>{
if(requiredValues.includes(key)
&& value==="" && returnFlag == false){
console.log(key, value)
returnFlag = true;
}
});
if(returnFlag===true){
let message = "Rellene "
for(let i=0;i<requiredValues.length;i++){
message+=", "+requiredValues[i];
}
message += " como minimo."
alert(message);
return;
}
for (const [name, value] of formData){ for (const [name, value] of formData){
pairs[name] = value pairs[name] = value
} }
...@@ -205,6 +236,31 @@ function agregarFieldEstudio(){ ...@@ -205,6 +236,31 @@ function agregarFieldEstudio(){
let pairs = {}; let pairs = {};
const formest = document.querySelector("[name=estudio-form]"); const formest = document.querySelector("[name=estudio-form]");
const formData = new FormData(formest); const formData = new FormData(formest);
//Validacion
let returnFlag = false;
let requiredValues = ["tipoDeEstudio", "institucion", "estado", "fechaDesde", "temaDeEstudio"]
formData.forEach((value, key)=>{
if(requiredValues.includes(key)
&& value==="" && returnFlag == false){
console.log(key, value)
returnFlag = true;
}
});
if(returnFlag===true){
let message = "Rellene "
for(let i=0;i<requiredValues.length;i++){
message+=", "+requiredValues[i];
}
message += " como minimo."
alert(message);
return;
}
const estudioReconocimiento = [{},{},{}]; const estudioReconocimiento = [{},{},{}];
let pos_rec; let pos_rec;
for (const [name, value] of formData){ for (const [name, value] of formData){
......
...@@ -282,15 +282,15 @@ ...@@ -282,15 +282,15 @@
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form name="experiencia-form"> <form name="experiencia-form" class="needs-validation" novalidate>
<div class="inputs"> <div class="inputs">
<label for="institucion" class="inputs form-label">Institucion</label> <label for="institucion" class="inputs form-label">Institucion</label>
<input type="text" class="inputs form-control " name="institucion" id="institucion" > <input type="text" class="inputs form-control " name="institucion" id="institucion" required>
</div> </div>
<div class="inputs"> <div class="inputs">
<label for="fechaDesde" class="form-label">Fecha Desde</label> <label for="fechaDesde" class="form-label">Fecha Desde</label>
<input type="date" class="form-control " name="fechaDesde" id="fechaDesde" > <input type="date" class="form-control " name="fechaDesde" id="fechaDesde" required>
</div> </div>
<div class="inputs"> <div class="inputs">
...@@ -300,12 +300,12 @@ ...@@ -300,12 +300,12 @@
<div class="inputs"> <div class="inputs">
<label for="cargo" class="form-label">Cargo</label> <label for="cargo" class="form-label">Cargo</label>
<input type="text" class="form-control " name="cargo" id="cargo" > <input type="text" class="form-control " name="cargo" id="cargo" required>
</div> </div>
<div class="inputs"> <div class="inputs">
<label for="descripcion" class="form-label">Descripcion</label> <label for="descripcion" class="form-label">Descripcion</label>
<textarea class="form-control " name="descripcion" id="descripcion" > </textarea> <textarea class="form-control " name="descripcion" id="descripcion"> </textarea>
</div> </div>
<div class="inputs"> <div class="inputs">
...@@ -366,10 +366,10 @@ ...@@ -366,10 +366,10 @@
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form name="tecnologia-form"> <form name="tecnologia-form" class="needs-validation" novalidate>
<label for="tecnologia-nombre" class="form-label">Tecnologia</label> <label for="tecnologia-nombre" class="form-label">Tecnologia</label>
<div class="input-group mb-3"> <div class="input-group mb-3">
<select class="form-select" name="tecnologia-id" aria-label="Default select example"> <select class="form-select" name="tecnologia-id" aria-label="Default select example" required>
<option value="-1" selected>Open this select menu</option> <option value="-1" selected>Open this select menu</option>
<c:forEach items="${tecnologias}" var="tecnologia"> <c:forEach items="${tecnologias}" var="tecnologia">
<option value="${tecnologia.id}">${tecnologia.nombre}</option> <option value="${tecnologia.id}">${tecnologia.nombre}</option>
...@@ -381,7 +381,7 @@ ...@@ -381,7 +381,7 @@
<input type="text" class="form-control d-none" name="tecnologia-nombre" id="tecnologia-nombre" > <input type="text" class="form-control d-none" name="tecnologia-nombre" id="tecnologia-nombre" >
<label for="nivel" class="form-label">Nivel</label> <label for="nivel" class="form-label">Nivel</label>
<input type="number" class="form-control" name="nivel" id="nivel" > <input type="number" class="form-control" name="nivel" id="nivel" required>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
...@@ -405,12 +405,12 @@ ...@@ -405,12 +405,12 @@
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form name="estudio-form"> <form name="estudio-form" class="needs-validation" novalidate>
<div class="form-group"> <div class="form-group">
<label for="tipoDeEstudio">Tipo de Estudio</label> <label for="tipoDeEstudio">Tipo de Estudio</label>
<select name="tipoDeEstudio" id="tipoDeEstudio"> <select name="tipoDeEstudio" id="tipoDeEstudio" required>
<option value="-1" selected disabled hidden>Seleccionar</option> <option value="-1" selected disabled hidden>Seleccionar</option>
<c:forEach items="${tiposDeEstudio}" var="tipo"> <c:forEach items="${tiposDeEstudio}" var="tipo">
<option value="${tipo}">${tipo.name}</option> <option value="${tipo}">${tipo.name}</option>
...@@ -421,15 +421,15 @@ ...@@ -421,15 +421,15 @@
<%-- <input type="text" class="form-control " name="tipoDeEstudio" id="tipoDeEstudio">--%> <%-- <input type="text" class="form-control " name="tipoDeEstudio" id="tipoDeEstudio">--%>
<div class="form-group"> <div class="form-group">
<label for="institucion" class="form-label">Institucion</label> <label for="institucion" class="form-label">Institucion</label>
<input type="text" class="form-control" name="institucion" id="institucion"> <input type="text" class="form-control" name="institucion" id="institucion" required>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso</label> <label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso</label>
<input type="text" class="form-control" name="temaDeEstudio" id="temaDeEstudio" > <input type="text" class="form-control" name="temaDeEstudio" id="temaDeEstudio" required>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="estado">Estado</label> <label for="estado">Estado</label>
<select name="estado" id="estado"> <select name="estado" id="estado" required>
<option value="-1" selected disabled hidden>Seleccionar</option> <option value="-1" selected disabled hidden>Seleccionar</option>
<c:forEach items="${estadosEstudio}" var="estado"> <c:forEach items="${estadosEstudio}" var="estado">
<option value="${estado}">${estado.name}</option> <option value="${estado}">${estado.name}</option>
...@@ -438,7 +438,7 @@ ...@@ -438,7 +438,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="fechaDesde" class="form-label">Fecha Desde</label> <label for="fechaDesde" class="form-label">Fecha Desde</label>
<input type="date" class="form-control " name="fechaDesde" id="fechaDesde" > <input type="date" class="form-control " name="fechaDesde" id="fechaDesde" required>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="fechaHasta" class="form-label">Fecha Hasta</label> <label for="fechaHasta" class="form-label">Fecha Hasta</label>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment