desenvolvimento em javascript 2023

Prévia do material em texto

Portfólio Desenvolvimento Java Script
Desenvolvimento JavaScript (Unopar)
Scan to open on Studocu
Studocu is not sponsored or endorsed by any college or university
Portfólio Desenvolvimento Java Script
Desenvolvimento JavaScript (Unopar)
Scan to open on Studocu
Studocu is not sponsored or endorsed by any college or university
Downloaded by Otaku UwU (otakudemerdauwu@gmail.com)
lOMoARcPSD|47037464
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
https://www.studocu.com/pt-br/document/unopar/desenvolvimento-javascript/portfolio-desenvolvimento-java-script/69092262?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
https://www.studocu.com/pt-br/course/unopar/desenvolvimento-javascript/6444420?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
https://www.studocu.com/pt-br/document/unopar/desenvolvimento-javascript/portfolio-desenvolvimento-java-script/69092262?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
https://www.studocu.com/pt-br/course/unopar/desenvolvimento-javascript/6444420?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
CURSO SUPERIOR TECNOLOGIA EM 
SISTEMAS PARA INTERNET
ALBINO SANTOS SENA
RELATÓRIO DE DESENVOLVIMENTO EM JAVASCRIPT:
CRIAÇÃO DE CÓDIGO PARA VALIDAÇÃO DE E-MAIL
Pindobaçu-BA
2023
Downloaded by Otaku UwU (otakudemerdauwu@gmail.com)
lOMoARcPSD|47037464
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
1. INTRODUÇÃO
Este relatório aborda o desenvolvimento de um código em JavaScript para
realizar a validação de um campo de e-mail em um formulário HTML. A validação de
campos é uma prática importante para garantir que os dados inseridos pelos
usuários estejam no formato correto e atendam aos requisitos esperados. Neste
contexto, a validação de e-mail é particularmente relevante para assegurar que os
endereços de e-mail fornecidos sejam válidos.
2. MÉTODOS
O código foi desenvolvido no software Playcode.io, em linguagem JavaScript
e integrado a um formulário HTML simples. A abordagem utilizada foi baseada em
uma expressão regular (regex) para verificar se o formato do e-mail inserido está
correto. O código foi estruturado da seguinte maneira:
a) Formulário HTML: Um formulário foi criado contendo um campo de entrada 
para o e-mail e um botão para verificar a validade.
b) Função de Validação: Foi definida a função validarEmail(), que é chamada 
quando o botão é clicado. Esta função utiliza a expressão regular “/^[^\s@]
+@[^\s@]+\.[^\s@]+$/” para verificar o formato do e-mail.
Downloaded by Otaku UwU (otakudemerdauwu@gmail.com)
lOMoARcPSD|47037464
c) Exibição de Mensagens: Dependendo do resultado da validação, mensagens 
de validação ou erro e orientação são exibidas no documento HTML. As 
mensagens são estilizadas com cores diferentes (vermelho para erro e verde 
para sucesso ou dica de orientação).
3. RESULTADOS
O código desenvolvido foi capaz de validar a estrutura básica de um endereço
de e-mail, verificando se ele possui o formato correto de "usuario@dominio". O
código foi integrado a um formulário HTML e é capaz de fornecer feedback imediato
ao usuário, indicando se o e-mail inserido é válido ou não. Caso não seja válido,
também apresentará uma orientação da estrutura correta de um e-mail, juntamente
com a mensagem de erro.
Válido:
Inválido:
Downloaded by Otaku UwU (otakudemerdauwu@gmail.com)
lOMoARcPSD|47037464
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-java-script
4. CONCLUSÃO
A validação de campos é uma prática essencial para melhorar a qualidade
dos dados inseridos pelos usuários em formulários. O desenvolvimento do código
em JavaScript para validar campos de e-mail demonstrou a utilidade das expressões
regulares para verificar padrões específicos, como o formato de um endereço de e-
mail. A integração dessa validação em um formulário HTML fornece uma experiência
mais amigável ao usuário, permitindo que eles saibam imediatamente se o e-mail
inserido está em um formato correto.
Downloaded by Otaku UwU (otakudemerdauwu@gmail.com)
lOMoARcPSD|47037464