Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucasreis0/validandoformularios

Projeto em JavaScript para aprendizado de validação de formulários, abrangendo validações de CPF, idade e customização de mensagens de erro.
https://github.com/lucasreis0/validandoformularios

form-validation javascript learning web-development

Last synced: 12 days ago
JSON representation

Projeto em JavaScript para aprendizado de validação de formulários, abrangendo validações de CPF, idade e customização de mensagens de erro.

Awesome Lists containing this project

README

        

# Projeto de Validação de Formulários em JavaScript

Este é um projeto concluído como parte do curso de JavaScript, onde aprendi a aplicar atributos de validação de formulário com HTML5, construir validações para os dígitos verificadores do CPF, implementar validações de maioridade a partir da comparação de datas e customizar mensagens de erro para cada tipo de campo do formulário.

## Objetivo 🚀

O objetivo deste projeto foi praticar e aprimorar minhas habilidades em JavaScript, especialmente em relação à validação de formulários. Ao finalizar o curso, sou capaz de construir formulários robustos e com validações precisas, proporcionando uma melhor experiência para o usuário.

## Funcionalidades Planejadas 📝

- Validação de CPF
- Verificação de maioridade com base na data de nascimento
- Personalização de mensagens de erro para diferentes campos do formulário
- Implementação de feedback visual para indicar campos inválidos

## Versão Hospedada 🌐

Você pode acessar a versão hospedada do projeto através deste link: [Projeto de Validação de Formulários](https://validando-formularios-snowy.vercel.app/)

## Tecnologias Utilizadas 💻

- HTML5
- CSS3
- JavaScript

## Passo a Passo 🛠️

1. Acesse a página inicial do projeto.
2. Encontre e abra a seção `Abrir Conta`.
3. Preencha o formulário de cadastro.
4. Observe as validações automáticas aplicadas aos campos.
5. Verifique as mensagens de erro personalizadas.

## Entenda Mais Sobre as Validações 📚

Para uma visão mais aprofundada das validações implementadas neste projeto, acesse o repositório do projeto e navegue até a pasta `JS` para examinar os arquivos de script.