Defer validation until submit is clicked

[Rocinante89]

I'm building a form using zod as a validator, everything is going great! But I have a requirement for the error labels to not display until submit is clicked. Is there any way to defer clientside validation until then? Or even to not validate the form if the fields are empty?

My issue is that if I autofocus on an email input and the user clicks away without entering anything, then the validation triggers

[airjp73]

Hi! Sorry for the slow answer. You're looking for the validationBehavior option on useField. Usage would be like this:

useField(fieldName, {
  validationBehavior: {
    // Set initial and whenTouched to "onSubmit" and it won't validate until submit
    initial: "onSubmit",
    whenTouched: "onSubmit",

    // If you want this behavior to change after submit, you can change that here
    whenSubmitted: "onChange"
  }
})

[Rocinante89]

This is perfect, thank you so much 👍

[kwiat1990]

Can we defined default options for validationBehavior globally, so that it doesn't need to be passed in to every useField instance separately?