Jump to content
alecram28

Javascript e servlet

Recommended Posts

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>

}
 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By israel@iproduce.com.br
      Olá,
      Boa noite!
      Tenho algumas vagas para motion (basicamente banner de internet animado e vinhetas para redes sociais) para a cidade do Rio de Janeiro. As vagas são temporárias (6 meses), podendo ocorrer a efetivação nesse período. É necessário estar alocado no escritório no Rio.
      Conhecimento avançado em: Adobe Animate CC, Google Web Designer, After Effects.
      Além destes programas é um diferencial conhecer a linguagens: HTML5, CSS3 e Javascript.
      Tem interesse ou conhece alguém que esteja precisando? Então manda o seu portifólio e CV para no e-mail: freela@iproduce.com.br
      Boa sorte!
    • By Ewfc2005
      Gostaria de saber como eu devo fazer para alinhar 3 imagens lado a lado, sem fazer o site deixar de ser responsivo.
      que fique igual ao desse site
       
      https://ciesalon.com/
       
    • By Vinicius Bazan
      Sou leigo ainda no Java Script e não manjo de muita coisa ainda, eu preciso fazer uma função que que deve ser executada na pagina HTML, eu crio a função dentro da tag <script> na <head> do html, mas como eu chamo essa função no momento que eu precisar no <body>, o que eu devo digitar pro código saber que ali deve executar a função?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.