Validate-form-7 NPM

Validate Form 7 provides a comprehensive data validation that helps minimize the amount of code you’ll write.

Example

import validation from 'validate-form-7';

const data = {
      _id: '5bf56a5fc384b83ef6e11071',
      _idx: '5bf56a5fc384b83ef6e11071',
    };
const config = {
      _id: { rules: 'required', title: 'ID' },
      _idx: { rules: 'required|matches:_id', title: 'IDX' },
    };
const resp = validation(data, config);

To validate a single entity

import { validateEntity } from 'validate-form-7';

const data = '27';
const rules = 'minLength:33|maxLength:100';
const title = 'Marks';
const resp = validation(data, rules, title);

Config Reference

Attribute	Required	Description	Example
rules	Yes	You can set as many validation rules as you need for a given field in rules attribute. Validation rules, as a string list separated by a pipe \"\|"	rules: 'required	minLength:4'
title	No	A “human” name for this field, which will be inserted into the error message. For example, if your field is named “user” you might give it a human name of “Username”.	title: 'FIELD NAME'

Validation Response

errors

Default Value: Empty Object {} errors attribute provides the object of invalid field(s) and each field contains the error message(s).

errorsList

Default Value: Empty Array [] errorsList attribute provides the array of error messages of all invalid field(s).

Example

import validation from 'validate-form-7';

const data = {
      ryan: 'this is ryan',
      markhor: 'this is markhor',
      markus: 'this is markus',
    };
    const config = {
      ryan: { rules: 'required|minLength:4', title: 'Ryan' },
      markhor: { rules: 'required|minLength:40', title: 'Markhor' },
      markus: { rules: 'required|maxLength:4', title: 'Markus' },
    };
    const resp = validation(data, config);
    console.log(resp);

Response

{
  errorsList:
   [
    'The Markhor field must be at least 40 characters in length.',
    'The Markus field cannot exceed 4 characters in length.'
    ],
  errors:
   {
     markhor: [ 'The Markhor field must be at least 40 characters in length.' ],
     markus: [ 'The Markus field cannot exceed 4 characters in length.' ],
   }
}

Rule Reference

The following is a list of all the native rules that are available to use:

Rule	Parameter	Description	Example
required	No	Returns FALSE if the form element is empty.
matches	Yes	Returns FALSE if the form element does not match the one in the parameter.	matches:form_item
differs	Yes	Returns FALSE if the form element does not differ from the one in the parameter.	differs:form_item
minLength	Yes	Returns FALSE if the form element is shorter than the parameter value.	minLength:3
maxLength	Yes	Returns FALSE if the form element is longer than the parameter value.	maxLength:12
exactLength	Yes	Returns FALSE if the form element is not exactly the parameter value.	exactLength:8
greaterThan	Yes	Returns FALSE if the form element is less than or equal to the parameter value or not numeric.	greaterThan:8
greaterThanEqualTo	Yes	Returns FALSE if the form element is less than the parameter value, or not numeric.	greaterThanEqualTo:8
lessThan	Yes	Returns FALSE if the form element is greater than or equal to the parameter value or not numeric.	lessThan:8
lessThanEqualTo	Yes	Returns FALSE if the form element is greater than the parameter value, or not numeric.	lessThanEqualTo:8
inList	Yes	Returns FALSE if the form element is not within a predetermined list.	inList:red,blue,green
alpha	No	Returns FALSE if the form element contains anything other than alphabetical characters.
alphaNumeric	No	Returns FALSE if the form element contains anything other than alpha-numeric characters.
alphaNumericSpaces	No	Returns FALSE if the form element contains anything other than alpha-numeric characters or spaces. Should be used after trim to avoid spaces at the beginning or end.
alphaDash	No	Returns FALSE if the form element contains anything other than alpha-numeric characters, underscores or dashes.
numeric	No	Returns FALSE if the form element contains anything other than numeric characters.
integer	No	Returns FALSE if the form element contains anything other than an integer.
decimal	No	Returns FALSE if the form element contains anything other than a decimal number.
validUrl	No	Returns FALSE if the form element does not contain a valid URL.
validEmail	No	Returns FALSE if the form element does not contain a valid email address.
validIP	Yes	Returns FALSE if the supplied IP address is not valid. Accepts an optional parameter of ‘ipv4’ to specify an IP format.