Skip to content

Example of a frontend validated form created using the React Hook Form library

Notifications You must be signed in to change notification settings

CoreyJamesLynch/FormValidator

Repository files navigation

Form Validator

About

  • Languages: Javascript, HTML, CSS
  • Framework: React, Styled Components
  • Library: React Hook Form

Validations

Validate Form Submission

  • Username: is required, must have atleast least 3 characters, cannot be longer than 15 characters, only A-Z a-z characters are valid -> /^[A-Za-z]+$/i

Validate Form Username

  • Email: is required, must be valid i.e. example@example.com -> /^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,}$/i

Validate Form Email

  • Password: is required, minimum length 6, max length 25, must contain lowercase, uppercase, number and symbol characters -> /^(?=.[0-9])(?=.[!@#$%^&])[a-zA-Z0-9!@#$%^&]$/

Validate Form Password

  • Password Confirmation: is required, must match Password

Validate Form Password Confirmation

About

Example of a frontend validated form created using the React Hook Form library

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published