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:
gracias
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();
}
}
