Allow validation options to be overridden for submit

rzane · Feb 25, 2022 · 68bc74f · 68bc74f
1 parent 8e299af
commit 68bc74f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -208,6 +208,7 @@ Create a submit handler for the form.
 
 - `form` **[Form](#form)&lt;Value, Result>**
 - `fn` **SubmitFn&lt;Result>**
+- `opts` **ValidateOptions** (optional, default `{touch:true}`)
 
 #### Examples
 

diff --git a/src/useSubmit.ts b/src/useSubmit.ts
@@ -1,5 +1,5 @@
 import { FormEvent } from "react";
-import { Form, Submit } from "./types";
+import { Form, Submit, ValidateOptions } from "./types";
 import { toPromise } from "./utilities/toPromise";
 import { useMounted } from "./utilities/useMounted";
 import { useEventCallback } from "./utilities/useEventCallback";
@@ -20,7 +20,8 @@ type SubmitFn<T> = (values: T) => void | Promise<any>;
  */
 export function useSubmit<Value, Result>(
   form: Form<Value, Result>,
-  fn: SubmitFn<Result>
+  fn: SubmitFn<Result>,
+  opts: ValidateOptions = { touch: true }
 ): Submit {
   const isMounted = useMounted();
 
@@ -36,7 +37,7 @@ export function useSubmit<Value, Result>(
 
     form.setSubmitting(true);
 
-    return toPromise(() => form.validate({ touch: true }))
+    return toPromise(() => form.validate(opts))
       .then(result => {
         if (!result.valid) return;