Add alternative validation methods

[crutchcorn]

This PR adds in a new (optional) property called validationLogic that allows us to emulate alternative validation methods, like the one from RHF where validation does not occur until the first submission, then it validates on change:

const form = useForm({
    defaultValues: {
        name: '',
    },
    // In the future, we'll support more options ala: `rhfValidationLogic({mode: "change", reValidateMode: "blur"})`
    validationLogic: rhfValidationLogic,
    validators: {
        onDynamic: z.object({
            name: z.string().min(3, 'Name must be at least 3 characters long'),
        }),
    }
})

The above is React, but will be supported day one in all supported framework adapters.

This is a draft pull request and will not be landing immediately, as it is a substantial internal refactor of our code. Once code is done, we'll need docs for all frameworks

TODO

• Add form listeners for onDynamic?
• Fix types on core
• Make types on validator functions more strict
• Add RHF props for reValidateMode and mode
• Fix types for React
• Fix types for Angular
• Fix types for Vue
• Fix types for Lit
• Fix types for Solid
• Fix types for Svelte
• Write docs

[nx-cloud]

🤖 Nx Cloud AI Fix Eligible

An automatically generated fix could have helped fix failing tasks for this run, but Self-healing CI is disabled for this workspace. Visit workspace settings to enable it and get automatic fixes in future runs.

_{Don't show these notices}

---

View your CI Pipeline Execution ↗ for commit 51b2bae

Command	Status	Duration	Result
nx affected --targets=test:sherif,test:knip,tes...	❌ Failed	1m 50s	View ↗
nx run-many --target=build --exclude=examples/**	❌ Failed	3s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-08-03 07:56:06 UTC