- 📝 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
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.
Projeto concluído ✅
Foi aprendido e utilizado:
- Fazer validações no próprio
HTML
utilizando os atributos:required
type
.
- Usar regras de
regex
dentro do atributopattern
para validar oinput
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 comJavaScript
; - 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.
Caso tenha interesse em visualizar o que foi realizado: Doguito PetShop
Ou, caso prefira baixá-lo clicando aqui.
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)