Hola a todos tengo un inconveniente, estoy realizando un formulario de registro.... lo estoy validando con Jquery (esta forma la encontre en la red) si tienen otra diferente mas corta se los agradeceria..........pero bueno eso no es lo que me tiene aca... al momento de enviar los datos del JSP al Servlet... esta perdiendo el valor....es decir si lo muesto en el servlet tiene valor NULL...... ya he intentado muchas cosas y no me funciona...... ustedes son mi salvacion una vez mas....
JSP....
Código HTML:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns:h="http://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formulario de registro</title>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<style type="text/css">
body{
background: url("fondo.gif");
padding-top: 35px;
}
label {
color: #B4886B;
font-weight: bold;
display: block;
width: 300px;
float: left;
}
#container{
-webkit-border-radius: 10px;
-webkit-border-shadow: 0 0 20px rgba(0,0,0,0,5);
-moz-border-radius: 10px;
-moz-border-radius: 0 0 20px rgba(0,0,0,0,5);
-o-border-radius: 10px;
-o-box-shadow: 0 0 20px rgba(0,0,0,0,5);
background: #fff;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0,5);
font-family: 'Comfortam',sans-serif;
font-size: 15px;
margin: 0 auto;
padding: 30px;
width:350px;
}.campo{
border:solid 4px #cece76;
font-size: 14px;
padding: 8px;
margin-bottom: 8px;
width: 310px;
}
.boton{
background: #849175;
border: solid 0;
color: #FFF;
padding: 10px;
}
.errores{
-webkit-box-shadow: 0 0 10px rgba(0,0,0,3);
-moz-box-shadow: 0 0 0 10px rgba(0,0,0,3);
-o-box-shadow: 0 0 10 px rgba(0,0,0,3);
background: red;
box-shadow: 0 0 10px rgba (0,0,0,3);
color:#fff;
display:none;
font-size: 14px;
margin-top: -45px;
margin-left: 340px;
padding: 8px;
position: absolute;
}
</style>
<script>
var expr =/^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9_\.\-]+\.[a-zA-Z0-9_\.\-]+$/;
$(document).ready(function(){
$("#botonEnviar").click(function(){
var usuario= $("#usuario").val();
var contraseña= $("#contraseña").val();
var recontraseña= $("#recontraseña").val();
var nombres= $("#nombre").val();
var apellidos= $("#apellido").val();
var correo= $("#correo").val();
var recorreo= $("#recorreo").val();
var telefono= $("#telefono").val();
var direccion= $("#direccion").val();
if(usuario=="")
{
$("#mensaje").fadeIn();
return false;
}
else
{
$("#mensaje").fadeOut();
if(contraseña=="")
{
$("#mensaje1").fadeIn();
return false;
}
else
{
$("#mensaje1").fadeOut();
if(recontraseña!=contraseña)
{
$("#mensaje2").fadeIn();
return false
}
else {
$("#mensaje2").fadeOut();
if (nombres=="")
{
$("#mensaje3").fadeIn();
return false
}
else {
$("#mensaje3").fadeOut();
if (apellidos=="")
{
$("#mensaje4").fadeIn();
return false
}
else {
$("#mensaje4").fadeOut();
if (correo=="" || !expr.test(correo))
{
$("#mensaje5").fadeIn();
return false
}
else {
$("#mensaje5").fadeOut();
if (recorreo!=correo )
{
$("#mensaje6").fadeIn();
return false
}
else {
$("#mensaje6").fadeOut();
if (direccion=="")
{
$("#mensaje8").fadeIn();
return false
}
else {
$("#mensaje8").fadeOut();
}
}
}
}
}
}
}
}
});
});
</script>
</head>
<body>
<div id="container">
<form method="post" id="miFormulario" action="RegistroControl" >
<label> *Usuario:</label><br/>
<input type="text" id="usuario" class="campo"/></br>
<div id="mensaje" class="errores">Ingrese Nombre de usuario Valido</div>
<label> *Contraseña:</label><br/>
<input type="text" id="contraseña" class="campo"/></br>
<div id="mensaje1" class="errores">Ingrese Contraseña Valida</div>
<label> *Confirme su Contraseña:</label><br/>
<input type="password" id="recontraseña" class="campo"/></br>
<div id="mensaje2" class="errores">La contraseña no coincide con la original</div>
<label> *Nombres:</label><br/>
<input type="password" id="nombre" class="campo"/></br>
<div id="mensaje3" class="errores">Ingrese su nombre</div>
<label> *Apellidos:</label><br/>
<input type="text" id="apellido" class="campo"/></br>
<div id="mensaje4" class="errores">Ingrese sus Apellidos</div>
<label> *Correo Electronico:</label><br/>
<input type="text" id="correo" class="campo"/></br>
<div id="mensaje5" class="errores">Ingrese un correo valido</div>
<label> *Confirme su Correo Electronico:</label><br/>
<input type="text" id="recorreo" class="campo"/></br>
<div id="mensaje6" class="errores">no se pudo confirmar su correo </div>
<label> Telefono:</label><br/>
<input type="text" id="telefono" class="campo"/></br>
<div id="mensaje7" class="errores">Ingrese su Numero Telefonico</div>
<label>* Direccion Principal:</label><br/>
<input type="text" id="direccion" class="campo"/></br>
<div id="mensaje8" class="errores">Ingrese una direccion </div>
<input type="submit" value="Registrarse" class="boton"/>
</form>
</div>
</body>
</html>
y el servlet es RegistroControl (hice la prueba tomando dos datos .... los dos los muestra null)
Código:
public class RegistroControl extends HttpServlet {
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
try {
/* TODO output your page here. You may use following sample code. */
String parametro1 = request.getParameter("usuario");
String parametro2 = request.getParameter("pass");
out.println("usuario: "+parametro1);
out.println("usuario: "+parametro2);
} finally {
out.close();
}
}
gracias