Javascript e servlet
Boa tarde.
Tenho o seguinte exercício para fazer. Porém não esta dando certo. Se alguém puder me ajudar, agradeço. A interface já está ok.
"No Netbeans, crie um novo projeto de uma aplicação Java Web usando Servlet. Altere o conteúdo do arquivo index.html, para que o navegador gere uma interface conforme indicado na figura abaixo. No pacote de nome Pacotes de Códigos-fonte, crie um novo pacote com nome controller e uma classe servlet com nome Controlador. O padrão de URL para acesso ao servlet Controlador deve ser /controlador. O método processRequest () deve ler os valores dos parâmetros que foram informados pelo usuário e imprimir esses valores na tela do navegador. Crie uma pasta no projeto para folhas de estilos. Nessa pasta, crie uma folha de estilo que aplique formatação às páginas apresentadas para o usuário, página index.html e página de resposta gerada pelo servlet. A formatação do formulário para envio de dados para o servidor deve seguir a apresentada na figura abaixo. Por fim, valide os dados informados pelo usuário. A validação consiste em apenas verificar se os campos foram preenchidos, não pode haver campos vazios. A validação deve ser feita no cliente e no servidor, validação em duas vias. No cliente, a validação deve ser feita através de scripts em linguagem JavaScript. Então, crie uma pasta no projeto para scripts JavaScript. Nessa pasta, crie o arquivo JavaScript com os scripts para validação no lado do cliente. No servidor, a validação deve ser feita em linguagem Java na classe servlet."
HTML:
<!DOCTYPE html>
<html>
<head>
<title>LOGIN</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/folhadeestilos.css">
<script src="js/scripts.js"></script>
</head>
<form action="controlador" method="post">
<fieldset>
<br>
<label for="login">Login:</label>
<input type="text" id="login" name="campoLogin" />
<br>
<label for="email">E-mail:</label>
<input type="text" id="email" name="campoEmail" />
<br>
<label for="datanasc">Data de nascimento:</label>
<input type="text" id="datanasc" name="campoDataNascimento" />
<br>
<label for="senha">Senha:</label>
<input type="text" id="senha" name="campoSenha" />
<br>
<label for="csenha">Confirmar senha:</label>
<input type="text" id="csenha" name="campoCSenha" />
<br>
<label for="sexo">Sexo:</label>
<select id="sexo" name="campoSexo">
<option value="">Selecione</option>
<option value="1">Feminino</option>
<option value="2">Masculino</option>
</select>
<br>
<label for="cidade">Cidade:</label>
<input type="text" id="cidade" name="campoCidade" />
<br>
<label for="home">Home-Page:</label>
<input type="text" id="home" name="campoHome" />
<br>
<label for="inte">Interesses:</label>
<input type="checkbox" id="inte" name="int1" value="musica"> Música
<input type="checkbox" name="int2" value="esp"> Esportes
<input type="checkbox" name="int3" value="moda">Moda
<br>
<input type="reset" id="res" value="Limpar" onclick="limpar();"/>
<input type="submit" id="btn" value="Cadastrar" onclick="validar();"/>
</fieldset>
</form>
</body>
</html>
CSS:
fieldset {
border: 5px solid black;
background-color: rgb(231, 231, 231);
width: 350px;
height: 300px;
line-height:1.5; /*espaçamento linhas*/
}
.botao{
height: 20px;
width: 70px;
}
JAVASCRIPT:
function validar() {
var mensagemErro = "";
if (document.getElementById ("login").value === "") {
mensagemErro = "Informe o login.";
}
if (document.getElementById ("email").value === "") {
mensagemErro += "\nInforme o email.";
}
if (document.getElementById ("datanasc").value === "") {
mensagemErro += "\nInforme a data de nascimento.";
}
if (document.getElementById ("senha").value === "") {
mensagemErro += "\nInforme a senha.";
}
if (document.getElementById ("csenha").value === "") {
mensagemErro += "\nInforme a confirmação da senha.";
}
if(document.getElementById ("csenha").value!==document.getElementById ("senha").value){
mensagemErro += "\nAs senhas não batem";
}
if (document.getElementById ("sexo").value === "") {
mensagemErro += "\nInforme o sexo.";
}
if (document.getElementById ("cidade").value === "") {
mensagemErro += "\nInforme a cidade.";
}
if (document.getElementById ("home").value === "") {
mensagemErro += "\nInforme a Home-Page.";
}
if (document.getElementById ("musica").checked === "" && document.getElementById ("esporte").checked === "" && document.getElementById ("moda").checked === "") {
mensagemErro += "\nInforme um interesse.";
}
if (mensagemErro === "") {
return true;
} else {
alert (mensagemErro);
return false;
}
}
SERVLET
package controller;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;@WebServlet(name = "Controlador", urlPatterns = {"/controlador"})
public class Controlador extends HttpServlet {
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
String login = request.getParameter ("login");
String email = request.getParameter ("email");
String datanasc = request.getParameter ("datanac");
String senha= request.getParameter ("senha");
String sexo = request.getParameter ("sexo");
String cidade = request.getParameter ("cidade");
String home = request.getParameter ("home");
String inte = request.getParameter ("inte");
try (PrintWriter out = response.getWriter()) {
out.println("<!DOCTYPE html>");
out.println("<html>");
out.println("<head>");
out.println("<title>Servlet Controlador</title>");
out.println ("<link rel='stylesheet' type='text/css' href='css/folhadeestilos.css'> ");
out.println("</head>");
out.println("<body>");
out.println ("<h1>Dados de login:</h1>");
out.println ("<br>"+login+"<br>"+email+"<br>"+datanasc+"<br>"+senha+"<br>"+sexo+"<br>"+cidade+"<br>"+home+"<br>"+inte);
out.println("</body>");
out.println("</html>
}
}
// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}
@Override
public String getServletInfo() {
return "Short description";
}// </editor-fold>
}Discussão (0)
Carregando comentários...