Validation Rules & Error Messages
Apply built-in validation rules (required, minLength, pattern) and display error messages.
Welcome
In this lesson you will add built-in validation rules to React Hook Form fields and display user-friendly error messages below each input.
Built-in Validation Rules
Pass a rules object as the second argument to register(). Built-in rules include: `required`, `minLength`, `maxLength`, `min`, `max`, `pattern`, and `validate`.
<input
{...register('email', {
required: 'Email is required',
pattern: {
value: /^[^@]+@[^@]+\.[^@]+$/,
message: 'Invalid email address',
},
})}
/>All lessons in this course
- Getting Started with React Hook Form
- Validation Rules & Error Messages
- Schema Validation with Zod
- Dynamic Fields with useFieldArray