@felte/validator-vest


A package to help you handle validation with Vest in Felte.

Installation

``sh
npm install --save @felte/validator-vest vest

Or, if you use yarn

yarn add @felte/validator-vest vest
`

Usage

Extend Felte by calling validator and adding your suite to its suite.

`javascript
import { validator } from '@felte/validator-vest';
import { create, enforce, test } from 'vest';

const suite = create('form', (data) => {
test('email', 'Email is required', () => {
enforce(data.email).isNotEmpty();
});
test('password', 'Password is required', () => {
enforce(data.password).isNotEmpty();
});
});

const { form } = createForm({
// ...
extend: validator({ suite }), // or extend: [validator({ suite })],
// ...
});
`

OR use the validateSuite function directly in the validate option of createForm. (No need to extend Felte).

`javascript
import { validateSuite } from '@felte/validator-vest';
import { create, enforce, test } from 'vest';

const suite = create('form', (data) => {
test('email', 'Email is required', () => {
enforce(data.email).isNotEmpty();
});
test('password', 'Password is required', () => {
enforce(data.password).isNotEmpty();
});
});

const { form } = createForm({
// ...
validate: validateSuite(suite),
// ...
});
`

Warnings

This validator will update the warnings store with the messages returned from any test marked with warn():

`javascript
import { validator } from '@felte/validator-vest';
import { create, enforce, test, warn } from 'vest';

const suite = create('form', (data) => {
test('email', 'Email is required', () => {
enforce(data.email).isNotEmpty();
});
test('password', 'Password is required', () => {
enforce(data.password).isNotEmpty();
});

test('password', 'Password not secure', () => {
warn();
// We only warn if the user has already started typing a value
if (!data.password) return;
enforce(data.password).longerThanOrEquals(8);
});
});

const { form } = createForm({
// ...
extend: validator({ suite }), // or extend: [validator({ suite })],
// ...
});
``