docs: add canSubmit invalid docs

Author: harry-whorlow

docs/framework/angular/guides/submission-handling.md

@@ -102,3 +102,22 @@ export class AppComponent {
   })
 }
 ```
+
+> In a situation where you want to be able to submit in a invalid state `canSubmitWhenInvalid` boolean flag can be provided to useForm.
+
+```angular-ts
+import { injectForm } from '@tanstack/angular-form';
+
+export class AppComponent {
+  form = injectForm({
+    defaultValues: {
+      data: '',
+    },
+    canSubmitWhenInvalid: true,
+    onSubmit: async ({ value }) => {
+      // Do something with the values
+      console.log(value)
+    },
+    });
+}
+```

docs/framework/react/guides/submission-handling.md

@@ -91,3 +91,18 @@ const form = useForm({
   },
 })
 ```
+
+> In a situation where you want to be able to submit in a invalid state `canSubmitWhenInvalid` boolean flag can be provided to useForm.
+
+```tsx
+const form = useForm({
+  defaultValues: {
+    data: '',
+  },
+  canSubmitWhenInvalid: true,
+  onSubmit: async ({ value }) => {
+    // Do something with the values
+    console.log(value)
+  },
+})
+```

docs/framework/solid/guides/submission-handling.md

@@ -96,3 +96,20 @@ const form = createForm(() => ({
   },
 }))
 ```
+
+> In a situation where you want to be able to submit in a invalid state `canSubmitWhenInvalid` boolean flag can be provided to useForm.
+
+```tsx
+import { createForm } from '@tanstack/solid-form'
+
+const form = createForm(() => ({
+  defaultValues: {
+    data: '',
+  },
+  canSubmitWhenInvalid: true,
+  onSubmit: async ({ value }) => {
+    // Do something with the values
+    console.log(value)
+  },
+}))
+```

docs/framework/vue/guides/submission-handling.md

@@ -97,3 +97,23 @@ const form = useForm({
   <!-- ... -->
 </template>
 ```
+
+> In a situation where you want to be able to submit in a invalid state `canSubmitWhenInvalid` boolean flag can be provided to useForm.
+
+```vue
+<script setup lang="ts">
+import { useForm } from '@tanstack/vue-form'
+
+const form = useForm({
+  defaultValues: { data: '' },
+  canSubmitWhenInvalid: true,
+  onSubmit: async ({ value }) => {
+    // Do something with the values
+    console.log(value)
+  },
+})
+</script>
+<template>
+  <!-- ... -->
+</template>
+```