Skip to content

Este projeto é um exemplo simples de um formulário em React com validação de campos utilizando o Yup e React Hook Form. O formulário captura informações como nome, e-mail, senha e confirmação de senha, com validações personalizadas para garantir dados corretos.

Notifications You must be signed in to change notification settings

Gab-pereir/Validacao-de-formulario-com-react-hook-form-e-yup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Formulário de Validação com React Hook Form e Yup

Este projeto é um exemplo prático de como criar um formulário de validação em React, utilizando as bibliotecas React Hook Form e Yup para gerenciamento e validação de dados. A aplicação inclui validação em tempo real dos campos de entrada com mensagens de erro personalizadas e estilização dinâmica dos campos inválidos.

Funcionalidades

  • Validação de formulário em tempo real usando Yup.
  • Exibição de mensagens de erro personalizadas para cada campo inválido.
  • Estilização específica para campos com erros.
  • Campos de nome, e-mail, senha e confirmação de senha com validação.
  • Uso de classes dinâmicas para exibir erros e aplicar estilos CSS.

Tecnologias Utilizadas

  • React: Biblioteca JavaScript para construção de interfaces de usuário.
  • React Hook Form: Biblioteca para manipulação e validação de formulários em React.
  • Yup: Biblioteca para validação de esquemas de dados em JavaScript.
  • CSS Modules: Estilização modular e específica para componentes.

About

Este projeto é um exemplo simples de um formulário em React com validação de campos utilizando o Yup e React Hook Form. O formulário captura informações como nome, e-mail, senha e confirmação de senha, com validações personalizadas para garantir dados corretos.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published