Aluno: Haniel Passos.
Desenvolvimento em JavaScript: Validação de E-mail em Formulário HTML
1. Introdução: A atividade proposta teve como objetivo o desenvolvimento de um pequeno projeto no
ambiente Playcode.io, utilizando HTML e JavaScript para criar e validar um campo de e-mail em um
formulário.
O propósito principal foi compreender como o JavaScript pode ser usado para realizar validações de dados
inseridos pelo usuário, evitando erros de preenchimento e garantindo que as informações sigam um
formato adequado.
A validação de e-mail é um dos exemplos mais comuns de verificação em formulários web, sendo
fundamental para aplicações que envolvem autenticação, cadastros ou envio de mensagens.
2. Métodos
Para a execução da atividade, foi criado um novo projeto no Playcode.io, selecionando a opção “Empty
HTML”.
Em seguida, foi desenvolvido um código composto por três partes principais:
1. Estrutura HTML:
Criou-se um pequeno formulário com um campo de entrada (<input type="email">) para que o
usuário digitasse seu e-mail e um botão para acionar a validação. Também foi adicionado um
elemento <p> para exibir mensagens de erro, aviso ou sucesso.
2. Estilização (CSS):
Utilizou-se CSS interno para melhorar a aparência do formulário, aplicando cores, bordas
arredondadas, sombras e um fundo em gradiente. A interface foi projetada para ser simples,
responsiva e agradável visualmente.
3. Lógica em JavaScript:
O código JavaScript foi responsável por capturar o valor digitado no campo de e-mail, verificar se ele
está vazio ou mal formatado e exibir mensagens adequadas ao usuário.
Para realizar a verificação, utilizou-se uma expressão regular (regex) que confere se o texto contém
os elementos essenciais de um endereço de e-mail, como o “@” e o domínio.
