Skip to main content
2 de 2
Aclaración de d

Según la documentación, mode indica la estrategia de validación del formulario, es decir, cuándo se van a ejecutar las validaciones para los inputs registrados.

Si lo que querés hacer es que un input no se valide cada vez que cambia (o sea, onChange) sino más bien cada vez que pierde foco (o sea, onBlur) lo que debés hacer es usar la función trigger, que lanza la validación manualmente.

O sea, deberías quitar el modo de validación de useForm() y luego en cada input hacer lo siguiente:

//en caso de que el input solo se deba validar onChange
<input 
  {...register("nombreInput1")} 
  onChange={
    (e) => {
      setValue("nombreInput1", e.target.value); 
      trigger("nombreInput1");
    } 
  }
/>
    
//en caso que el input solo se deba validar onBlur
<input 
  {...register("nombreInput2")} 
  onBlur={
    () => trigger("nombreInput2")
  } 
/>

Es la solución que se me ocurre, ya que el modo de validación que le pasamos al useForm() aplica a todos los inputs registrados en el formulario.

-Ado

Edit: setValue es una función que devuelve el useForm(), así como register.