nayarawatanuki / javascript__DoguitoPetShop

JAVASCRIPT NA WEB: VALIDAÇÃO DE FORMULARIOS E HTML5

Índice

• 📝 Descrição do Projeto
• ⚪ Status do Projeto
• 🔨 Funcionalidades e Demonstração da Aplicação
• 📂 Acesso ao Projeto
• 🚀 Abrir e rodar o projeto
• ⌨️ Tecnologias utilizadas
• 👩‍💻 Desenvolvedor(a) do Projeto

📝 Descrição do Projeto

O projeto Doguito PetShop, é uma proposta de cadastros para um PetShop, contruída em html, css e javascript. Esse projeto contém o objetivo de praticar e aperfeiçoar conhecimetos sobre valiodações de forms, utilizando html e js.
Desenvolvido para o curso de JAVASCRIPT NA WEB: VALIDAÇÃO DE FORMULARIOS E HTML5 da plataforma Alura.

⚪ Status do Projeto

Projeto concluído ✅

🔨 Funcionalidades e Demonstração da Aplicação

Foi aprendido e utilizado:

• Fazer validações no próprio HTML utilizando os atributos:
  • required
  • type.
• Usar regras de regex dentro do atributo pattern para validar o input de senha;
• Mandar uma mensagem customizada de erro no balão do navegador;
• Criar funções para validações customizadas do formulário;
• Definir mensagens customizadas para validações fora do HTML;
• Utilizar data attributes para trabalhar com JavaScript;
• Deixar a função de validação mais genérica para funcionar com qualquer input;
• Como mostrar a mensagem de erro diretamente no HTML;
• Como customizar as mensagens de erro de validação;
• A validar CPF com números repetidos;
• A matemática por trás da validação de um CPF;
• Recursão de função;
• Outra estrutura de regex para a pré validação do CEP;
• Como fazer uma requisição para a API da ViaCEP;
• Preencher outros campos do formulário com a resposta da API da ViaCEP;
• Como adicionar máscara monetária para o campo de preço.

📂 Acesso ao projeto

Caso tenha interesse em visualizar o que foi realizado: Doguito PetShop

Ou, caso prefira baixá-lo clicando aqui.

🚀 Abrir e rodar o projeto

Baixe o projeto clicando aqui.

Após baixar o projeto, abra a pasta do projeto (Caso o projeto seja baixado em zip, é necessário extraí-lo antes de abrir), então clique no:

• Aqruivo index.html
• O projeto abrirá em seu navegador padrão (aconselho configurar para o Chrome, se possível)

⌨️ Tecnologias utilizadas

👩‍💻 Desenvolvedor(a) do Projeto

⭐ Nayara Watanuki