mirrors/react-hook-form

⚓️ feat: build-in form level validate (#13195)

feat: build in form valdiate
update max size
update with input react to validate form
update api
update api
fix type
fix all the format issues
update valdiation logic and add test
remove only
update validation logic to support event-based validation
make prop name shorter and update validation
fix tests and api contractor
rename form error to form
rename to valid
minor clean up
revert back function
fix with early exit
fix test
fix type and contract
update api
lint update

Get started | API | Form Builder | FAQs | Examples

Features

Built with performance, UX and DX in mind
Embraces native HTML form validation
Out of the box integration with UI libraries
Small size and no dependencies
Support Yup, Zod, AJV, Superstruct, Joi and others

Install

npm install react-hook-form

Quickstart

import { useForm } from 'react-hook-form';

function App() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm();

  return (
    <form onSubmit={handleSubmit((data) => console.log(data))}>
      <input {...register('firstName')} />
      <input {...register('lastName', { required: true })} />
      {errors.lastName && <p>Last name is required.</p>}
      <input {...register('age', { pattern: /\d+/ })} />
      {errors.age && <p>Please enter number for age.</p>}
      <input type="submit" />
    </form>
  );
}