Scribd
Carregar
791 visualizações2 páginas

Relatorio Aula Pratica Java Script

O relatório descreve uma aula prática de desenvolvimento em JavaScript onde os alunos aprenderam a validar endereços de e-mail usando expressões regulares. Um código HTML e JavaScript foi desenvolvido para verificar o formato do e-mail e impedir o envio caso esteja incorreto, retornando uma mensagem de erro. O objetivo da aula foi alcançado com sucesso.

Enviado por

Carlos Mateus
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
791 visualizações2 páginas

Relatorio Aula Pratica Java Script

O relatório descreve uma aula prática de desenvolvimento em JavaScript onde os alunos aprenderam a validar endereços de e-mail usando expressões regulares. Um código HTML e JavaScript foi desenvolvido para verificar o formato do e-mail e impedir o envio caso esteja incorreto, retornando uma mensagem de erro. O objetivo da aula foi alcançado com sucesso.

Enviado por

Carlos Mateus
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 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 de
um 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.

Carlos Mateus Ferreira Neves

Você também pode gostar