Add reValidateMode prop

seasonedcc · Dec 8, 2022 · 1ad7741 · 1ad7741
1 parent 91dc530
commit 1ad7741
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/remix-forms/src/createForm.tsx b/packages/remix-forms/src/createForm.tsx
@@ -98,6 +98,10 @@ type FormProps<Schema extends FormSchema> = ComponentMappings & {
   component?: FormComponent
   fetcher?: FetcherWithComponents
   mode?: keyof ValidationMode
+  reValidateMode?: keyof Pick<
+    ValidationMode,
+    'onBlur' | 'onChange' | 'onSubmit'
+  >
   renderField?: RenderField<ObjectFromSchema<Schema>>
   globalErrorsComponent?: ComponentOrTagName<'div'>
   buttonComponent?: ComponentOrTagName<'button'>
@@ -143,6 +147,7 @@ function createForm({
     component = DefaultComponent,
     fetcher,
     mode = 'onSubmit',
+    reValidateMode = 'onChange',
     renderField = defaultRenderField,
     fieldComponent,
     globalErrorsComponent: Errors = 'div',
@@ -210,6 +215,7 @@ function createForm({
     const form = useForm<SchemaType>({
       resolver: zodResolver(schema),
       mode,
+      reValidateMode,
       defaultValues,
     })
 
@@ -415,7 +421,7 @@ function createForm({
       if (firstErroredField) {
         try {
           form.setFocus(firstErroredField as Path<SchemaType>)
-        } catch { }
+        } catch {}
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [errorsProp, unparsedActionData])