@vudel/validations NPM

@vudel/validations

Vudel additions to add validation to the field set

Installation

NPM

  npm install --save @vudel/validations

Yarn

  yarn add @vudel/validations

Usage

The following is a simple usage of creating a field set and adding in some validations

  import { useFieldSet } from '@vudel/core';
  import { addValidation } from '@vudel/validations';

  // Create the field set
  const { fields, data } = useFieldSet({ foo: 'bar', bar: 'foo' });
  const { validations } = addValidation({ fields, data });

  // Add some fields for this field set
  fields.push({ name: 'foo', validations: { required: { } } });
  fields.push({ name: 'bar', validations: { required: { } } });

  // The original data is stored in the data property 
  data.foo = 'foo-bar';

  setTimeout(() => {
    console.log(validations.foo); // [] or empty array
    console.log(validations.bar); // ['Field is required']
  });