clearErrors

This function can manually clear errors in the form.

(name?: string | string[]) => void

Props

Type	Description	Example
undefined	Remove all errors.	clearErrors()
string	Remove single error.	clearErrors("email")
string[]	Remove multiple errors.	clearErrors(["email", "password"])

import { createForm } from "solid-hook-form"

export const ExampleForm = () => {
  const form = useForm()
  const {
    register,
    formState: { errors },
    handleSubmit,
    clearErrors
  } = form

  const onSubmit = (data) => {
    console.log(data)
  }

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register("firstName", { required: true })} />
      <input {...register("lastName", { required: true })} />
      <input {...register("username", { required: true })} />

      <button type="button" onClick={() => clearErrors("firstName")}>
        Clear firstName errors
      </button>

      <button
        type="button"
        onClick={() => clearErrors(["firstName", "lastName"])}
      >
        Clear firstName and lastName errors
      </button>

      <button type="button" onClick={() => clearErrors()}>
        Clear all errors
      </button>

      <button type="submit">Submit</button>
    </form>
  )
}