aula prática Desenvolvimento de E-commerce Com Cms

Prévia do material em texto

CIDADE 
2024 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
NOME 
 
 
 
 
 
 
 
 
 
 
 
CIÊNCIA DA COMPUTAÇÃO - BACHARELADO 
DESENVOLVIDO EM AULA PRÁTICA 
 
 
CIDADE 
2024 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
DESENVOLVIDO EM AULA PRÁTICA 
 
Trabalho de portfólio apresentado como requisito parcial 
para obtenção de pontos para a média semestral
Orientadora: 
 
NOME 
 
 
 
 
 
 
 
 
 
 
 
 
 
SUMÁRIO 
1. INTRODUÇÃO ..................................................................................................... 3 
2. MÉTODOS ........................................................................................................... 4 
3. RESULTADOS ..................................................................................................... 6 
4. CONCLUSÃO ...................................................................................................... 7 
 
 3 
1. INTRODUÇÃO 
Neste projeto, desenvolvemos um código HTML com JavaScript para 
validar um campo de e-mail em um formulário web. A validação de e-mail é uma 
parte crucial de qualquer formulário online, pois ajuda a garantir que os usuários 
insiram endereços de e-mail válidos. 
 4 
2. MÉTODOS 
Para validar o campo de e-mail, utilizamos JavaScript para capturar 
o evento de envio do formulário (submit) e prevenir o comportamento padrão de 
envio do formulário. Em seguida, recuperamos o valor do campo de e-mail e 
aplicamos uma expressão regular (regex) para verificar se o formato do e-mail é 
válido. 
A expressão regular utilizada (/^[^\s@]+@[^\s@]+\.[^\s@]+$/) verifica 
se o e-mail possui o formato típico de "usuario@dominio.com". 
 
Se o formato do e-mail não corresponder à expressão regular, 
exibimos uma mensagem de erro abaixo do campo de e-mail. Caso contrário, limpe 
a mensagem de erro e proceda com a submissão do formulário ou outras ações 
relevantes. 
 
index.html 
 
Script.js 
 5 
 
 6 
3. RESULTADOS 
Com este código, conseguimos criar uma forma simples, mas eficaz, 
de validar o campo de e-mail em um formulário web. O usuário receberá feedback 
imediato se o formato do e-mail inserido não for válido, melhorando assim a 
experiência do usuário. 
 7 
4. CONCLUSÃO 
A validação de campo de e-mail é uma prática comum em 
formulários web para garantir a integridade dos dados submetidos. Ao utilizar 
JavaScript para realizar essa validação, podemos fornecer feedback instantâneo ao 
usuário e garantir que apenas endereços de e-mail válidos sejam enviados. Este 
projeto demonstra um método simples de implementar essa validação em um 
formulário HTML..