Análise e Desenvolvimento de Sistemas
Marcel Henrique de Campos Bento
Taubaté, 2025
Desenvolvimento em JavaScript
Desenvolvimento de Formulário Simples para E-mail
SUMÁRIO
1.Introdução...........................................................................................
2.Métodos ..............................................................................
3. Resultados.....................................................................
4. Conclusão.........................................................................................
5. Referências...........................................................................................
1. INTRODUÇÃO:
A validação de campos em formulários HTML é uma etapa crucial no
desenvolvimento de interfaces web para garantir a integridade dos dados recebidos.
Este relatório apresenta o desenvolvimento e funcionamento de um script em
JavaScript para validar campos de e-mail em um formulário HTML. A validação
implementada verifica se o texto inserido no campo segue o formato correto de um
endereço de e-mail, contribuindo para evitar entradas inválidas no sistema.
2.Métodos
O código foi desenvolvido utilizando três tecnologias principais:
1. HTML: Define a estrutura do formulário, com campos de entrada e elementos
visuais.
2. CSS: Proporciona estilos para melhorar a usabilidade e a aparência do
formulário.
3. JavaScript: Implementa a lógica de validação do campo de e-mail.
O processo de validação foi estruturado com os seguintes passos:
1. Estrutura do Formulário:
○ O formulário contém um campo de entrada de texto para o e-mail e um
botão de envio.
○ Mensagens de erro ou sucesso são exibidas dinamicamente com base
na validação.
2. Função de Validação:
○ Uma expressão regular foi utilizada para verificar se o texto inserido
segue o formato padrão de um e-mail
(^[^\s@]+@[^\s@]+\.[^\s@]+$).
○ A função isValidEmail(email) retorna true se o e-mail for válido
e false caso contrário.
3. Exibição de Resultados:
○ Mensagens apropriadas são exibidas ao usuário em caso de sucesso
ou erro.
○ Um relatório adicional é mostrado ao validar com sucesso o e-mail,
detalhando o valor inserido e orientando sobre o formato correto.
3. Resultados
A validação do campo de e-mail foi testada para diferentes casos de uso, como:
1. Entrada válida:
○ Exemplo: usuario@dominio.com
○ Resultado: Mensagem de sucesso exibida e relatório final gerado com
os detalhes do e-mail validado.
2. Entrada inválida:
○ Exemplo: usuario@dominio ou usuario.com
○ Resultado: Mensagem de erro exibida, indicando os problemas no
formato.
3. Campo vazio:
○ Exemplo: ""
○ Resultado: Mensagem de erro exibida solicitando a inclusão de um
e-mail válido.
Em cada caso, o JavaScript conseguiu determinar corretamente a validade do
e-mail e atualizar a interface em tempo real, sem recarregar a página.
4. CONCLUSÃO:
O script desenvolvido para validação de e-mails no formulário HTML é funcional e
eficaz para verificar entradas no formato esperado. A utilização de expressões
regulares foi fundamental para realizar a validação de forma precisa e confiável.
Além disso, a interação dinâmica proporcionada pelo JavaScript melhorou a
experiência do usuário, oferecendo feedback instantâneo sobre a validade do e-mail
inserido. O método pode ser facilmente integrado e expandido para outras
validações de formulários em sistemas web.
5. REFERÊNCIAS:
Agradeço as aulas da plataforma da faculdade e pelas vídeo aulas que
proporcionam um aprendizado a mais da matéria.
A tutora de sala de aula Thais Machado pela a ajuda na elaboração do relatório
seguindo as normas ABNT.
Há alguns vídeos do youtube dando maior clareza de como utilizar a plataforma
proposta para esse portfólio.
