Universidade Unopar
MONICA COSTA TEIXEIRA
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Guias e Dicas
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Encontrar documentos
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Encontra documentos específicos para os exames da tua universidade
Encontra documentos específicos para os exames da tua universidade
Videoaulas
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Quiz
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Formulário de Validação de Email em JavaScript, Exercícios de Programação Javascript
Este relatório detalha o desenvolvimento de uma aplicação web simples para validação de e-mails usando html, css e javascript na plataforma playtime.io. Passo a passo a criação de um formulário, a implementação da validação com javascript e a estilização com css, incluindo exemplos de código e capturas de tela. é um recurso valioso para estudantes que estão aprendendo desenvolvimento web front-end.
Tipologia: Exercícios
2025
1 / 13
Esta página não é visível na pré-visualização
Não perca as partes importantes!
Documentos relacionados
Pré-visualização parcial do texto
Baixe Formulário de Validação de Email em JavaScript e outras Exercícios em PDF para Programação Javascript, somente na Docsity!
Universidade Unopar
MONICA COSTA TEIXEIRA
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
MONICA COSTA TEIXEIRA
DESENVOLVIMENTO EM JAVASCRIPT
RELATÓRIO DE AULA PRÁTICA
ITACARAMBI-MG 2025
1 INTRODUÇÃO
Nesta atividade, desenvolveremos uma aplicação simples para validação de e-mails utilizando a plataforma playtime.io e linguagem html e Javascript. O playtime.io é um website online e gratuito onde é possível ter uma “caixa de areia” para testar códigos em Javascript e diversas outras linguagens. Os objetivos da atividade são: criar um formulário simples que coleta um endereço de e-mail, implementar validação do e-mail com JavaScript e exibir mensagens de erro e orientação sobre a estrutura do e-mail.
2 DESENVOLVIMENTO
2.1 CRIANDO O PROJETO NO PLAYTIME.IO
Na tela inicial do website, clicamos em “Start coding” e selecionamos um novo projeto HTML vazio: 2.2 ESTRUTURA HTML Iniciamos com a declaração **** e a tag **** para definir o tipo de documento e a linguagem. Adicionamos as seções **** e **** para separar metadados e conteúdo visível.
Adicionamos um **** e um **** do tipo texto para o campo de e-mail, garantindo que o atributo required force a entrada do usuário. Incluir um **** para enviar o formulário. Criar parágrafos ( ) para mensagens de erro e orientações. 2.4 ESTILIZAÇÃO COM CSS Adicionaremos um estilo básico para o corpo ( body ), definindo a fonte e a margem.
Criar classes **.error** e **.info** para as mensagens de erro e informações, definindo cores e estilos de fonte. 2.5 VALIDAÇÃO COM JAVASCRIPT Agora, incluiremos o seguinte script ao final do **** que adiciona um event listener para “ouvir” o evento que será enviado quando o usuário clicar em “Submit”:Teste de validação com e-mail inválido: Teste de validação com e-mail válido: O código final completo ficou da seguinte forma: