Desenvolvimento em JavaScript

Prévia do material em texto

2023 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
DESENVOLVIMENTO EM JAVA SCRIPT 
RELATÓRIO DE AULA PRATICA: 
Desenvolvimento em Java script 
 
Goiatuba 
2023 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
RELATÓRIO AULA PRATICA: 
Desenvolvimento em Java script 
 
 
Trabalho de portfólio apresentado como requisito parcial 
para a obtenção de média semestral. 
 
Orientador: Prof. Anderson Emidio de Macedo 
Goncalves 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
SUMÁRIO 
1 INTRODUÇÃO ..................................................................................................... 3 
2 metodos ............................................................................................................... 4 
3 resultados ............................................................................................................. 7 
4 CONCLUSÃO ...................................................................................................... 9 
 3 
1 INTRODUÇÃO 
O objetivo da prática era ensinar de forma abrangente como usar 
Java Script para checar se os endereços de e-mail em formulários HTML são 
válidos. Esse passo é crucial no desenvolvimento web, garantindo que as 
informações coletadas através dos formulários online sejam corretas e úteis. 
 
 
 4 
2 METODOS 
O método utilizado para se realizar a tarefa de validar um campo de 
e-mail foi Java Script, uma linguagem de programação muito comum na construção 
de sites e aplicativos mobile. 
O código inclui uma estrutura HTML que engloba um formulário 
simples com um campo destinado à inserção do endereço de e-mail, acompanhado 
de um botão de envio. 
 
 Utilizamos ao Java Script para adicionar um “Event Listener” ao 
formulário, permitindo a detecção da submissão quando o usuário pressiona o botão 
correspondente. 
 5 
 
 Adicionalmente, foi empregada uma expressão regular (Regex) para 
verificar se o e-mail inserido segue o formato adequado. Em caso de validação bem-
sucedida, uma mensagem de confirmação é apresentada por meio de um alerta. 
 
 6 
Se o e-mail for inválido, uma mensagem é exibida na página, 
fornecendo ao usuário informações sobre como preencher corretamente o campo de 
e-mail. 
 
 
 
 
 
 
 
 
 7 
3 RESULTADOS 
Durante a realização da atividade, foi bem-sucedida a 
implementação o código Java Script para verificar o campo de e-mail em um 
formulário HTML. Os resultados evidenciam a capacidade do código em identificar 
as deficiências de um e-mail escrito de forma incorreta e também e capaz de 
fornecer retorno ao usuário sobre as correções necessárias. 
• Campo sem nenhuma alteração: 
 
• Caso somente a parte inicial seja informada: 
 
• Parte inicia e @ sem a segunda metade: 
 
 
 
 
 
 
 8 
• Parte final não informada: 
 
• E-mail informado em sua complitude: 
 
 9 
4 CONCLUSÃO 
A atividade proposta foi eficaz em demonstrar a criação e 
implementação de um código em Java Script para validar os campos de e-mail em 
formulários. A integração do Java Script ao formulário HTML se mostrou crucial para 
atingir o objetivo, revelando-se como um componente fundamental na resolução do 
problema. 
.