UNIVERSIDADE DO NORTE DO PARANÁ
Superior de Tecnologia em Análise e Desenvolvimento de sistemas
Portfólio de DESENVOLVIMENTO EM JAVASCRIPT
Dois vizinhos – PR
2025
Diorgenes Modernel Fernandes
RA: 36213002055
São Gabriel - RS
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.
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.