Relatorio Aula Pratica Java Script

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

Relatorio Aula Pratica Java Script

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Relatorio Aula Pratica Java Script

Enviado por

Direitos autorais:

Formatos disponíveis

Relatório de aula prática

Matéria: Desenvolvimento em JavaScript.

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

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

Carlos Mateus Ferreira Neves

Você também pode gostar