Validation Plugins

The validation functionalities are optional and you can choose which kind of library to import to achieve it, based on your own style preferences or needs. You can even mix plugins to achieve more flexibility.

All package listed below are not included in the mobx-formkit package and must be installed and passed to the constructor for the Form Initialization using the plugins object.

Driver	Description	Install	Links
VJF	Vanilla Javascript Functions	npm i validator	UMD · GitHub · NPM
DVR	Declarative Validation Rules	npm i validatorjs	UMD · GitHub · NPM
AJV	Schema Validation Keywords	npm i ajv	UMD · GitHub · NPM
YUP	Object Schema Validator	npm i yup	UMD · GitHub · NPM
JOI	Object Schema Validator	npm i joi	UMD · GitHub · NPM
ZOD	TypeScript-first schema validation	npm i zod	UMD · GitHub · NPM
VALIBOT	Tiny TypeScript-first schema validation	npm i valibot	UMD · GitHub · NPM
VINEJS	Sync rules, async validation API	npm i @vinejs/vine	UMD · GitHub · NPM

INFO

• The validator package when setting up VJF is optional.
• VALIBOT requires no package (bundled); VINEJS requires a Vine instance via package.
• To setup custom error messages, see the related plugin repo, each package has a different implementation.

SETUP

• Setup VJF - Vanilla Javascript Validation Functions
• Setup DVR - Declarative Validation Rules
• Setup AJV - Schema Validation Keywords
• Setup YUP - Object Schema Validator
• Setup JOI - Object Schema Validator
• Setup ZOD - TypeScript-first schema validation
• Setup VALIBOT - Tiny TypeScript-first schema validation
• Setup VINEJS - Sync rules, async validation API