leonarclo / desafio-evolvy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Validação de Formulário - Desafio Evolvy

📑 Sobre o projeto

Formulário desenvolvido como teste técnico, com o intuito de mostrar algumas das minhas habilidades de lógica de programação e desenvolvimento com HTML, CSS e Javascript, neste caso através de validação de formulário e retorno dos resultados.

1. Página HTML com Validação CSS

Campos:

  • Nome Completo: Aceita apenas Letras (até 100 caracteres)
  • Telefone: Máscara para Telefone Celular e Fixo
  • E-mail: Verifica se é um e-mail válido
  • Número: Aceitar número de 1 a 999

Botão Enviar

2. Receber os dados e fornecer a resposta para:

  • Se (Número é divisível por 3) então imprimir o Primeiro Nome
  • Se (Número é divisível por 5) então imprimir o DDD do Telefone
  • Se (Número é divisível por 7) então imprimir o domínio do e-mail
  • Se nenhuma situação anterior, imprimir as respostas para as lógicas dos itens 2.2 e 2.3.

2.2) Quantidade de letras do Nome Completo, excluindo os espaços.

2.3) Quantidade de caracteres excluindo @ e pontos do e-mail.

3. Na resposta possuir um botão para voltar para o formulário.


📌 Funcionalidades

  • Validação de formulário com HTML pattern e estilização CSS
  • Validação de inputs com Regular Expressions
  • Utilização de Local Storage para persistir os dados dos inputs
  • Manipulação da DOM
  • Loader de carregamento

About


Languages

Language:JavaScript 52.8%Language:HTML 26.1%Language:CSS 21.1%