A simple registration form, using react-hook-forms and Yup ⚡

Overview

capa

About 🏁

A register form using react-hook-form and validation Yup and additional validations using Regex.

Features 🔨

  • Validate input name with only Letters.
  • Validate input password with one capitalize letter one number and a character special.
  • Validate input Email with not allowed accent.
  • Mask input Phone and validate format (99) 9999-9999 or (99) 99999-9999

Stack ⚙️

  • React
  • Typescript
  • react-hook-form
  • Yup

By Moisés Menezes

You might also like...
Paperfreeform - A Free Form Builder to save trees and create beautiful forms

PaperFreeForm PaperFreeForm is a Free Form Builder to save trees and create beau

FormPress: Open Source form builder which lets you safely collect data through custom forms
FormPress: Open Source form builder which lets you safely collect data through custom forms

Open Source Form Builder With Safe Data Collection FormPress is an innovative, a

This Login Form made using React hooks , React Js , Css, Json. This form have 3 inputs, it also validate those inputs & it also having length limitations.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

A simple and easy way to control forms in React using the React Context API
A simple and easy way to control forms in React using the React Context API

A simple and easy way to control forms in React using the React Context API Getting Started Install With npm npm install --save formcat With yarn yar

React hook for handling Laravel form requests and validation (for React & React Native)

React-use-form: React hook for handling form states, requests, and validation, compatible with React and React Native. ✅ Simple and intuitive API ✅ 10

MHF - an opinionated use case of React Hook Form and Material UI v5 written in TypeScript

MHF is an opinionated use case of React Hook Form (react-hook-form / RHF) and Material UI v5 (@mui/material / MUI) written in TypeScript

TJournal clone frontend [Next.js, TypeScript, AntDesign, Editor.js, React Hook Form]

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

A complete form validation hook for React

A complete form validation hook for React

Reactive forms for react and react native, using hooks and Mobx@6
Reactive forms for react and react native, using hooks and [email protected]

Reactive forms for react and react native, using hooks and [email protected] Installation: npm install -s react-fluid-form mobx mobx-react yup lodash // or: yarn

Owner
Moisés Menezes
Desenvolvedor Front End. Apaixonado por Tecnologia e Design.
Moisés Menezes
Formik-yup - React Formik-Yup sign up form

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 0 Jan 4, 2022
Handling forms in React Native using Formik and Yup.

##Handling forms in React Native using Formik and Yup. Usage # install dependencies yarn install # run bundler yarn run serve # run on Android devic

Rômulo Gadelha 3 Oct 24, 2022
React Hook Form Validation example with react-hook-form 7 and Bootstrap 4

React Hook Form Validation example with react-hook-form 7 and Bootstrap 4 Project setup In the project directory, you can run: npm install # or yarn i

JS-IT 4 Mar 17, 2022
A user panel by using React Js with Formik and Yup for working with the inputs and make them validate 😬🔥✨

User Panel Usgin React ✨ ?? a few days ago I decided to do this project for myself as practice.This user panel created by react js and I used Formik a

Arash 32 Jan 3, 2023
React Form Example with usage of React Hook Form, Typescript, zod and i18next

React Form Example with usage of React Hook Form, Typescript, zod and i18next This project was bootstrapped with Create React App. Disclaimer Main goa

Michael Kidawa 5 Sep 13, 2022
React Hook Form: A Form whit some fiels and standard validation on it

React Hook Form: A Form whit some fiels and standard validation on it

null 1 Feb 10, 2022
Form Builder powered by native-base & react-hook-form

native-base-form-builder Form Builder written in typescript with inbuilt Validation, dropdown, autocomplete powered by react-hook-form & native-base.

Fateh Farooqui 23 Aug 10, 2022
Light weight schema Form builder for react-hook-form

React hook form builder Light weight schema Form builder for react-hook-form. This package takes your schema and builds the form based on that using y

null 3 Dec 27, 2022
A bare minimal React form library for quick & simple forms.

React library using React Hooks to build forms & let you switch in & out Bootstrap 4 styling. React Bare Forms aka RBF aims to be the easiest to use f

Joe Gasewicz 17 Nov 22, 2022
Implementation Angular 13 Form Validation with Submit using Reactive Forms Module and Bootstrap 4.

Implementation Angular 13 Form Validation with Submit using Reactive Forms Module and Bootstrap 4. The form has: Full Name: required Username: require

Meher 1 May 5, 2022