3
respostas

Formulário é apagado quando adiciono paciente

Olá, gostaria de uma ajudinha! Quando clico em adicionar um novo paciente o formulário é apagado já olhei o código mas não consegui entender porque o evento do botão adicionar está se comportando desta forma.

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function (event) {
    event.preventDefault();

    var form = document.querySelector("#form-adiciona");

    var paciente = obtemPacienteDoFormulario(form);

    var pacienteTr = montaTr(paciente);
    var erros = validaPaciente(paciente);

    if (erros.length > 0) {
        exibeMensagensdeErro(erros);
        return;
    }

    if (!validaPaciente(paciente)) {
        console.log("Paciente inválido");
        return;
    }

    var tabela = document.querySelector("#tabela-pacientes");

    tabela.appendChild(pacienteTr);

    form.reset();
    var mensagensErro = document.querySelector("#mensagens-erro");
    mensagensErro.innerHTML = "";
});
3 respostas

Olá, o formulário esta sendo limpo após adicionar uma paciente e esse é o comando que esta fazendo isso acontecer form.reset(). Espero ter ajudado, bons estudos.

Olá Jeferson no caso não me refiro ao apagamento do conteúdo preenchido no formulário e sim ao apagamento dos elementos do formulário como mostra nessa imagem que ocorre toda vez que estou clicando no botão de adicionar Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Entendi, desculpa a minha péssima interpretação da sua questão, isso que esta acontecendo para vc não faz muito sentido, vou te passar algumas dicas para ver se resolve para vc:

  • Verificar a inspeção do navegador para ver se ocorre algum erro de script (clicar com o botão direito na pagina do navegador e selecionar inspecionar e ir na aba console);
  • Abrir seu projeto em uma aba anônima do seu navegador (isso forçaria o navegador pegar o seu projeto como esta);
  • Caso tenha outro navegador tentar abrir por ele para ver se resolve.

Analisando seu código não tem nenhum erro que possa esta ocorrendo, para sumir os elementos do seu formulário, pode esta no navegador algum bug ou lixo em cache, espero que fazendo isso funcione para vc.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software