portfolio-desenvolvimento-java-script (1)

Prévia do material em texto

CURSO SUPERIOR TECNOLOGIA EM 
SISTEMAS PARA INTERNET 
 
 
 
 
 
RELATÓRIO DE DESENVOLVIMENTO EM 
JAVASCRIPT: 
CRIAÇÃO DE CÓDIGO PARA VALIDAÇÃO DE E-MAIL 
Pindobaçu-BA 
 
 
 2023
 
1. INTRODUÇÃO 
Este relatório aborda o desenvolvimento de um código em JavaScript para 
realizar a validação de um campo de e-mail em um formulário HTML. A validação de 
campos é uma prática importante para garantir que os dados inseridos pelos usuários 
estejam no formato correto e atendam aos requisitos esperados. Neste contexto, a 
validação de e-mail é particularmente relevante para assegurar que os endereços de 
e-mail fornecidos sejam válidos. 
2. MÉTODOS 
O código foi desenvolvido no software Playcode.io, em linguagem JavaScript e 
integrado a um formulário HTML simples. A abordagem utilizada foi baseada em uma 
expressão regular (regex) para verificar se o formato do e-mail inserido está correto. 
O código foi estruturado da seguinte maneira: 
a) Formulário HTML: Um formulário foi criado contendo um campo de entrada 
para o e-mail e um botão para verificar a validade. 
 
b) Função de Validação: Foi definida a função validarEmail(), que é chamada 
quando o botão é clicado. Esta função utiliza a expressão regular “/^[^\s@] 
+@[^\s@]+\.[^\s@]+$/” para verificar o formato do e-mail. 
 
c) Exibição de Mensagens: Dependendo do resultado da validação, mensagens 
de validação ou erro e orientação são exibidas no documento HTML. As 
mensagens são estilizadas com cores diferentes (vermelho para erro e verde 
para sucesso ou dica de orientação). 
 
3. RESULTADOS 
O código desenvolvido foi capaz de validar a estrutura básica de um endereço 
de e-mail, verificando se ele possui o formato correto de "usuario@dominio". O código 
foi integrado a um formulário HTML e é capaz de fornecer feedback imediato ao 
usuário, indicando se o e-mail inserido é válido ou não. Caso não seja válido, também 
apresentará uma orientação da estrutura correta de um e-mail, juntamente com a 
mensagem de erro. 
Válido: 
 
Inválido: 
 
4. CONCLUSÃO 
A validação de campos é uma prática essencial para melhorar a qualidade dos 
dados inseridos pelos usuários em formulários. O desenvolvimento do código em 
JavaScript para validar campos de e-mail demonstrou a utilidade das expressões 
regulares para verificar padrões específicos, como o formato de um endereço de email. 
A integração dessa validação em um formulário HTML fornece uma experiência mais 
amigável ao usuário, permitindo que eles saibam imediatamente se o e-mail inserido 
está em um formato correto. 
	1. INTRODUÇÃO
	2. MÉTODOS
	3. RESULTADOS
	4. CONCLUSÃO