Scribd
Carregar
4 visualizações

Desenvolvimento Em JavaScript

O documento apresenta o desenvolvimento de um script em JavaScript para validar campos de e-mail em formulários HTML, garantindo a integridade dos dados. A validação utiliza expressões regulares e proporciona feedback instantâneo ao usuário, melhorando a experiência de uso. O método é funcional e pode ser facilmente adaptado para outras validações em sistemas web.

Enviado por

Marcel Bento
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
4 visualizações

Desenvolvimento Em JavaScript

O documento apresenta o desenvolvimento de um script em JavaScript para validar campos de e-mail em formulários HTML, garantindo a integridade dos dados. A validação utiliza expressões regulares e proporciona feedback instantâneo ao usuário, melhorando a experiência de uso. O método é funcional e pode ser facilmente adaptado para outras validações em sistemas web.

Enviado por

Marcel Bento
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 8

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: [email protected]
○​ 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.

Você também pode gostar