Client-side validation now works for SPA and novalidate.

Fixes #297.

Author: ciscoheat

CHANGELOG.md

@@ -10,7 +10,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Tainted fields were set to undefined when not needed, unnecessarily triggering client-side validation.
-- Schema transformations weren't updating the form data on the client. ([#298](https://github.com/ciscoheat/sveltekit-superforms/issues/298))
+- Schema transformations now updates the form data on the client depending on input type. Checkboxes, radio buttons and selects updates the data immediately. Other inputs waits until blurred. ([#298](https://github.com/ciscoheat/sveltekit-superforms/issues/298))
+- If in [SPA mode](https://superforms.rocks/concepts/spa), the `novalidate` attribute now only disables the browser validation constraints, not the entire client-side validation.
 
 ## [1.11.0] - 2023-11-28
 

src/lib/client/formEnhance.ts

@@ -304,13 +304,15 @@ export function formEnhance<T extends AnyZodObject, M>(
       if (options.flashMessage) cancelFlash(options);
     } else {
       // Client validation
-      const validation = await clientValidation(
-        formEl.noValidate ||
+      const noValidate =
+        !options.SPA &&
+        (formEl.noValidate ||
           ((submit.submitter instanceof HTMLButtonElement ||
             submit.submitter instanceof HTMLInputElement) &&
-            submit.submitter.formNoValidate)
-          ? undefined
-          : options.validators,
+            submit.submitter.formNoValidate));
+
+      const validation = await clientValidation(
+        noValidate ? undefined : options.validators,
         get(data),
         get(formId),
         get(constraints),

src/routes/tests/spa-schema-transform/+page.svelte

@@ -43,7 +43,7 @@
 
 <p>{customCheck}</p>
 
-<form method="POST" use:enhance>
+<form method="POST" novalidate use:enhance>
   <label>
     Name<br />
     <input