Default Validators

Default validator functions are the equivalent of native form validators, like required or min-length.

Features

list of validators:
- required: validates if the field is not empty.
- length: validates the length of the input.
  - isString
  - equalsLength
  - minLength
  - maxLength
  - minMaxLength
- number: validates if the input is a number and the value of the number.
  - isNumber
  - minNumber
  - maxNumber
  - minMaxNumber
- date: validates if the input is a date and the value of the date.
  - isDate
  - minDate
  - maxDate
  - minMaxDate
- email: validates if the input is of type email.
- success: returns always falls, will be shown after a successful improvement of the value
  - defaultOk
  - randomOk
all default validators have corresponding messages which are translated via the localize system

npm i --save @lion/validate

All validators are provided as pure functions and are added to your input field as follows:

import { maxLengthValidator } from '@lion/validate';
import '@lion/input/ing-input.js';

<ing-input
  label="Initials"
  name="initials"
  .errorValidators="${[['required'], maxLengthValidator(10)]}"
></ing-input>