Nome: Mauricio de Oliveira Correa
Curso: Sistemas da informação - Bacharelado - Segundo Semestre
Disciplina: Desenvolvimento em JavaScript
Introdução
A validação de formulários é um passo importante para garantir que os dados enviados
por um usuário sejam corretos e seguros. Um exemplo comum é a validação de
campos de e-mail, em que o formato do e-mail deve seguir padrões específicos. Nesta
atividade prática, foi solicitado a criação de um formulário em HTML com um campo de
e-mail e a implementação de um código em JavaScript que valide se o e-mail fornecido
está no formato correto. A atividade foi realizada utilizando o ambiente online
Playcode.io.
Métodos:
1. Acesso ao Playcode.io:
○ Acesse o site Playcode.io e crie um novo projeto utilizando o template
"Empty Project".
2. Criação do Formulário HTML: Um formulário simples foi criado contendo um
campo de input para o e-mail e um botão de submissão. Caso o e-mail não
esteja no formato correto, uma mensagem de erro será exibida, orientando o
usuário.
Código HTML:
3. Validação do E-mail com JavaScript: A função de validação em JavaScript utiliza
uma expressão regular (regex) para verificar se o e-mail está no formato correto
(exemplo: "usuario@dominio.com"). Caso contrário, uma mensagem de orientação
será exibida ao usuário.
Código JavaScript:
4. Execução no Playcode.io:
○ Após a implementação, o código foi testado no ambiente do Playcode.io
para verificar o funcionamento correto da validação do campo de e-mail.
Resultados
O código foi bem-sucedido em validar o campo de e-mail. Quando o usuário insere um
e-mail no formato incorreto, como "usuario.com" ou "usuario@", uma mensagem de
erro era exibida, instruindo-o a corrigir a entrada para o formato adequado:
"usuario@dominio.com". Por outro lado, quando o e-mail estava no formato correto, o
formulário era aceito e uma mensagem de sucesso era mostrada.
Conclusão
A validação de campos de e-mail em formulários HTML usando JavaScript é uma
técnica para garantir que os dados sejam fornecidos corretamente pelo usuário.
Utilizando uma função reguladora , foi possível validar um e-mail e orientar o usuário.
