Você está na página 1de 2

Relatório de aula prática

Matéria:

Desenvolvimento em Javascript. Introdução:


Foi utilizado um computador conectado à internet e o site “Playcode.io”
indicado no roteiro de aula prática disponibilizado no AVA.

Objetivo:

O objetivo da aula prática era criar um projeto onde o usuário deverá preencher
o campo de e-mail e o código escrito deverá fazer a validação do e-mail,
verificando se o e-mail está preenchido de forma correta. Caso não esteja o site
retornará uma mensagem de erro, colocará a o formulário em foco, dando
instruções de preenchimento e impedirá que o e-mail seja enviado, caso esteja
preenchido de forma correta o e-mail será enviado normalmente.

Material e metodologia:

Foi desenvolvido por mim um código em HTML e JavaScript capaz de validar


o formato deum e-mail, segue o código abaixo:

<html>

<head>

<title>Formulário de E-mail</title>

</head>

<body>

<h1>Formulário de E-mail</h1>

<form onsubmit="return validarFormulario()" method="post">

<label for="email">E-mail:</label><input type="email" id="email"


name="email" required><button

type="submit">Enviar</button>

</form>

<!--começo do script-->

<script>
function validarFormulario() {

const emailInput = document.getElementById('email');

const email = emailInput.value.trim();

// Expressão regular para validar o formato do e-mail

const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

if (!emailRegex.test(email)) {

alert('Por favor, insira um endereço de e-mail válido!');

emailInput.focus(); // coloca o foco de volta no campo de e-


mail

return false; // impede o envio do formulário se o e-mail for


inválido

} // Se o e-mail for válido, o formulário pode ser enviado

return true;

</script>

</body>

</html>

Resultado e conclusão:

O resultado foi satisfatório, pois foi atingido o objetivo proposto na aula prática,
aprendemos a usar um determinado código capaz de verificar se um e-mail está
preenchido de forma correta e caso não esteja dar instruções para o
preenchimento do mesmo. Já caso esteja preenchido de forma correta o e-mail
será enviado sem problemas.

Felipe Januario Alves

Você também pode gostar