triggerForm

import {FieldValues, UseFormReturn, Path} from 'react-hook-form';
 
export async function triggerForm<T extends FieldValues>(
  form: UseFormReturn<T>,
): Promise<boolean> {
  for (const [key, value] of Object.entries(form.getValues())) {
    const name = key as Path<T>;
 
    form.setValue(name, value ?? '', {
      shouldTouch: true,
    });
  }
 
  return form.trigger();
}
 
// Usage
 
const form = useForm(...);
 
triggerForm(form);

import { UseFormReturn } from "react-hook-form";
import { triggerForm } from "./triggerForm";
 
/**
 * Triggers validation for multiple forms with different Schemas
 * @returns true if all form validation pass
 */
export async function triggerForms(forms: UseFormReturn<any>[]): Promise<boolean> {
  const results = await Promise.all(forms.map((form) => triggerForm(form)));
  return results.every((result) => result);
}
 
// Usage
 
const creditCardForm = useForm(...);
const shippingForm = useForm(...);
 
triggerForms(creditCardForm, shippingForm);