Skip to content

P
ProyectoFinal-Bootcamp
Commit c4fe048b by Angel Zarate
Options

formulario mas diseños mas mensajes de seguridad

parent 3483baec
Showing with 70 additions and 16 deletions
src/main/java/com/roshka/proyectofinal/Postulante/SaveServlet.java
...@@ -80,13 +80,27 @@ public class SaveServlet extends HttpServlet { ...@@ -80,13 +80,27 @@ public class SaveServlet extends HttpServlet {
} }
int status=PostulanteDao.save(postulante); int status=PostulanteDao.save(postulante);
if(status>0){ if(status>0){
out.print("<p>Record saved successfully!</p>"); //out.print("<p>Record saved successfully!</p>");
request.getRequestDispatcher("index.html").include(request, response); out.print(" <div class=\"alert\">\n" +
" <span class=\"closebtn\" onclick=\"this.parentElement.style.display='none';\">&times;</span> \n" +
" <strong>Formulario Cargado!</strong> EXITOSAMENTE CARGADO\n" +
"</div>");
request.getRequestDispatcher("formulario.jsp").include(request, response);
}else{ }else{
if (rechazarDatos){ if (rechazarDatos){
out.println("El correo ingresado ya esta registrado para el bootcamp actual"); //out.println("El correo ingresado ya esta registrado para el bootcamp actual");
out.print(" <div class=\"alert info\">\n" +
" <span class=\"closebtn\" onclick=\"this.parentElement.style.display='none';\">&times;</span> \n" +
" <strong>Formulario ya Cargado!</strong> YA EXISTE EL FORMULARIO\n" +
"</div>");
request.getRequestDispatcher("formulario.jsp").include(request, response);
}else { }else {
out.println("Sorry! unable to save record"); out.println("Error al cargar datos");
out.print(" <div class=\"alert info error\">\n" +
" <span class=\"closebtn\" onclick=\"this.parentElement.style.display='none';\">&times;</span> \n" +
" <strong>Formulario ya Cargado!</strong> YA EXISTE EL FORMULARIO\n" +
"</div>");
request.getRequestDispatcher("formulario.jsp").include(request, response);
} }
} }
......
src/main/webapp/formulario.jsp
...@@ -8,6 +8,8 @@ pageEncoding="UTF-8"%> ...@@ -8,6 +8,8 @@ pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="estilos/form.css" rel="stylesheet" type="text/css" /> <link href="estilos/form.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" /> <link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" /> <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<title>Formulario Postulante</title> <title>Formulario Postulante</title>
</head> </head>
...@@ -25,7 +27,7 @@ pageEncoding="UTF-8"%> ...@@ -25,7 +27,7 @@ pageEncoding="UTF-8"%>
<form method="post" action="SaveServlet" class="form"> <form method="post" action="SaveServlet" class="form">
<label for="nombre">Ingrese su Nombre:</label> <label class="mr-2" for="nombre">Ingrese su Nombre:</label>
<input required id="nombre" name="nombre" type="text"><br> <input required id="nombre" name="nombre" type="text"><br>
<label for="apellido">Ingrese su Apellido:</label> <label for="apellido">Ingrese su Apellido:</label>
...@@ -59,7 +61,7 @@ pageEncoding="UTF-8"%> ...@@ -59,7 +61,7 @@ pageEncoding="UTF-8"%>
len = iter.next(); len = iter.next();
%> %>
<li> <li class="d-flex check-inline" >
<label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label><input value=<%=len.getId() %> id= <label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label><input value=<%=len.getId() %> id=
<%=len.getNombre_lenguaje() %> name= <%=len.getNombre_lenguaje() %> name=
<%=len.getNombre_lenguaje() %> type="checkbox"><br> <%=len.getNombre_lenguaje() %> type="checkbox"><br>
...@@ -68,8 +70,9 @@ pageEncoding="UTF-8"%> ...@@ -68,8 +70,9 @@ pageEncoding="UTF-8"%>
<% } %> <% } %>
</ul> </ul>
<li class="d-flex">
<label for="experiencia_laboral" >Experiencia laboral</label> <label for="experiencia_laboral" >Experiencia laboral</label>
</li>
<!-- Si no lo marca el valor que envia es null y si lo marca es "ON" --> <!-- Si no lo marca el valor que envia es null y si lo marca es "ON" -->
<input id="experiencia_laboral" name="experiencia_laboral" type="checkbox" ><br> <input id="experiencia_laboral" name="experiencia_laboral" type="checkbox" ><br>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p> <p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
...@@ -80,9 +83,11 @@ pageEncoding="UTF-8"%> ...@@ -80,9 +83,11 @@ pageEncoding="UTF-8"%>
<label for="universidad">Estudio Universitario </label> <label for="universidad">Estudio Universitario </label>
<input id="universidad" name="universidad" type="checkbox"><br> <input id="universidad" name="universidad" type="checkbox"><br>
<input class="enviar" type="submit" > <input class="enviar info error" type="submit">
<input class="borrar" type="reset" value="Borrar"><br> <input class="borrar" type="reset" value="Borrar"><br>
<label for="otro">otro</label>
<input id="otro" name="otro" type="checkbox"><br>
<a href="index.html">volver</a> <a href="index.html">volver</a>
</form> </form>
...@@ -142,10 +147,8 @@ p:hover{ ...@@ -142,10 +147,8 @@ p:hover{
/* contenedor */ /* contenedor */
/* para el forrmulario */ /* para el forrmulario */
.form label{ .form label{
display: block; display: block;
border: none; border: none;
align-items:center; align-items:center;
...@@ -193,9 +196,10 @@ border-radius: 10px; ...@@ -193,9 +196,10 @@ border-radius: 10px;
text-decoration:none; text-decoration:none;
background-color: rgba(11, 49, 110, 0.75); background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
border-radius: 10px;; border-radius: 5px;;
padding: 15px; padding: 10px;
border-radius: 10px; border-radius: 10px;
margin:10px;
text-decoration: none; text-decoration: none;
color:#ffff; color:#ffff;
text-align:left; text-align:left;
...@@ -203,17 +207,52 @@ border-radius: 10px; ...@@ -203,17 +207,52 @@ border-radius: 10px;
width:80px; width:80px;
text-align:center; text-align:center;
} }
/*hola mundo*/
input#ruby,input#python,input#c,input#javascript,input#java{ input#ruby,input#python,input#c,input#javascript,input#java{
width:20px; width:30px;
} }
input#experiencia_laboral,input#notebook,input#universidad{ input#experiencia_laboral,input#notebook,input#universidad{
width:100px; width:500px;
}
/* para el alert */
.alert {
padding: 10px;
background-color: background-color: #2196F3;
color: white;
} }
/* parrafo final */ .alert.info {background-color: #2196F3;}
.alert.error {background-color: #ff0000;}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
</style> </style>
<script>
var close = document.getElementsByClassName("enviar");
var i;
for (i = 0; i < close.length; i++) {
close[i].onclick = function(){
var div = this.parentElement;
div.style.opacity = "0";
setTimeout(function(){ div.style.display = "none"; }, 600);
}
}
</script>
\ No newline at end of file
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