trigger

Manually triggers form or input validation. This method is also useful when you have dependant validation (input validation depends on another input's value).

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

Props

Name	Type	Description	Example
name	undefined	Triggers validation on all fields.	trigger()
	string	Triggers validation on a specific field value by name.	trigger("email")
	string[]	Triggers validation on multiple fields by name.	trigger("email", "password")

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

export const ExampleForm = () => {
  const { errors, register, trigger } = createForm({
    defaultValues: {
      firstName: "",
      lastName: ""
    }
  })

  return (
    <form>
      <input
        {...register("firstName", { required: true })}
        aria-invalid={!!errors.firstName}
      />
      <input
        {...register("lastName", { required: true })}
        aria-invalid={!!errors.lastName}
      />
      <button
        type="button"
        onClick={() =>  trigger()}
      >
        Trigger Form
      </button>
      <button
        type="button"
        onClick={() => trigger("lastName")}
      >
        Trigger Single Field
      </button>
      <button
        type="button"
        onClick={() => trigger(["firstName", "lastName"])}
      >
        Trigger Multiple Fields
      </button>
    </form>
  )
}