• Stars
    star
    196
  • Rank 198,553 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated 5 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Schema for data modeling & validation

schema-typed

Schema for data modeling & validation

npm GitHub Actions Coverage Status

Table of Contents

Installation

npm install schema-typed --save

Usage

Getting Started

import { SchemaModel, StringType, DateType, NumberType, ObjectType, ArrayType } from 'schema-typed';

const model = SchemaModel({
  username: StringType().isRequired('Username required'),
  email: StringType().isEmail('Email required'),
  age: NumberType('Age should be a number').range(18, 30, 'Over the age limit'),
  tags: ArrayType().of(StringType('The tag should be a string').isRequired()),
  role: ObjectType().shape({
    name: StringType().isRequired('Name required'),
    permissions: ArrayType().isRequired('Permissions required')
  })
});

const checkResult = model.check({
  username: 'foobar',
  email: '[email protected]',
  age: 40,
  tags: ['Sports', 'Games', 10],
  role: { name: 'administrator' }
});

console.log(checkResult);

checkResult return structure is:

{
  username: { hasError: false },
  email: { hasError: false },
  age: { hasError: true, errorMessage: 'Over the age limit' },
  tags: {
    hasError: true,
    array: [
      { hasError: false },
      { hasError: false },
      { hasError: true, errorMessage: 'The tag should be a string' }
    ]
  },
  role: {
    hasError: true,
    object: {
      name: { hasError: false },
      permissions: { hasError: true, errorMessage: 'Permissions required' }
    }
  }
};

Multiple verification

StringType()
  .minLength(6, "Can't be less than 6 characters")
  .maxLength(30, 'Cannot be greater than 30 characters')
  .isRequired('This field required');

Custom verification

Customize a rule with the addRule function.

If you are validating a string type of data, you can set a regular expression for custom validation by the pattern method.

const model = SchemaModel({
  field1: StringType().addRule((value, data) => {
    return /^[1-9][0-9]{3}\s?[a-zA-Z]{2}$/.test(value);
  }, 'Please enter legal characters'),
  field2: StringType().pattern(/^[1-9][0-9]{3}\s?[a-zA-Z]{2}$/, 'Please enter legal characters')
});

model.check({ field1: '', field2: '' });

/**
{
  field1: {
    hasError: true,
    errorMessage: 'Please enter legal characters'
  },
  field2: {
    hasError: true,
    errorMessage: 'Please enter legal characters'
  }
};
**/

Multi-field cross validation

E.g: verify that the two passwords are the same.

const model = SchemaModel({
  password1: StringType().isRequired('This field required'),
  password2: StringType().addRule((value, data) => {
    if (value !== data.password1) {
      return false;
    }
    return true;
  }, 'The passwords are inconsistent twice')
});

model.check({ password1: '123456', password2: 'root' });

/**
{
  password1: { hasError: false },
  password2: {
    hasError: true,
    errorMessage: 'The passwords are inconsistent twice'
  }
}
**/

Asynchronous check

For example, verify that the mailbox is duplicated

function asyncCheckEmail(email) {
  return new Promise(resolve => {
    setTimeout(() => {
      if (email === '[email protected]') {
        resolve(false);
      } else {
        resolve(true);
      }
    }, 500);
  });
}

const model = SchemaModel({
  email: StringType()
    .isEmail('Please input the correct email address')
    .addAsyncRule((value, data) => {
      return asyncCheckEmail(value);
    }, 'Email address already exists')
    .isRequired('This field cannot be empty')
});

model.checkAsync({ email: '[email protected]' }).then(checkResult => {
  console.log(checkResult);
  /**
  {
    email: {
      hasError: true,
      errorMessage: 'Email address already exists'
    }
  };
  **/
});

Validate nested objects

Validate nested objects, which can be defined using the ObjectType().shape method. E.g:

const model = SchemaModel({
  id: NumberType().isRequired('This field required'),
  name: StringType().isRequired('This field required'),
  info: ObjectType().shape({
    email: StringType().isEmail('Should be an email'),
    age: NumberType().min(18, 'Age should be greater than 18 years old')
  })
});

const user = {
  id: 1,
  name: '',
  info: { email: 'schema-type', age: 17 }
};

model.check(data);

/**
 {
  "id": { "hasError": false },
  "name": { "hasError": true, "errorMessage": "This field required" },
  "info": {
    "hasError": true,
    "object": {
      "email": { "hasError": true, "errorMessage": "Should be an email" },
      "age": { "hasError": true, "errorMessage": "Age should be greater than 18 years old" }
    }
  }
}
*/

Combine

SchemaModel provides a static method combine that can be combined with multiple SchemaModel to return a new SchemaModel.

const model1 = SchemaModel({
  username: StringType().isRequired('This field required'),
  email: StringType().isEmail('Should be an email')
});

const model2 = SchemaModel({
  username: StringType().minLength(7, "Can't be less than 7 characters"),
  age: NumberType().range(18, 30, 'Age should be greater than 18 years old')
});

const model3 = SchemaModel({
  groupId: NumberType().isRequired('This field required')
});

const model4 = SchemaModel.combine(model1, model2, model3);

model4.check({
  username: 'foobar',
  email: '[email protected]',
  age: 40,
  groupId: 1
});

API

SchemaModel

SchemaModel is a JavaScript schema builder for data model creation and validation.

static combine(...models)

A static method for merging multiple models.

const model1 = SchemaModel({
  username: StringType().isRequired('This field required')
});

const model2 = SchemaModel({
  email: StringType().isEmail('Please input the correct email address')
});

const model3 = SchemaModel.combine(model1, model2);

check(data: object)

Check whether the data conforms to the model shape definition. Return a check result.

const model = SchemaModel({
  username: StringType().isRequired('This field required'),
  email: StringType().isEmail('Please input the correct email address')
});

model.check({
  username: 'root',
  email: '[email protected]'
});

checkAsync(data: object)

Asynchronously check whether the data conforms to the model shape definition. Return a check result.

const model = SchemaModel({
  username: StringType()
    .isRequired('This field required')
    .addRule(value => {
      return new Promise(resolve => {
        // Asynchronous processing logic
      });
    }, 'Username already exists'),
  email: StringType().isEmail('Please input the correct email address')
});

model
  .checkAsync({
    username: 'root',
    email: '[email protected]'
  })
  .then(result => {
    // Data verification result
  });

checkForField(fieldName: string, data: object)

Check whether a field in the data conforms to the model shape definition. Return a check result.

const model = SchemaModel({
  username: StringType().isRequired('This field required'),
  email: StringType().isEmail('Please input the correct email address')
});

const data = {
  username: 'root'
};

model.checkForField('username', data);

checkForFieldAsync(fieldName: string, data: object)

Asynchronously check whether a field in the data conforms to the model shape definition. Return a check result.

const model = SchemaModel({
  username: StringType()
    .isRequired('This field required')
    .addAsyncRule(value => {
      return new Promise(resolve => {
        // Asynchronous processing logic
      });
    }, 'Username already exists'),
  email: StringType().isEmail('Please input the correct email address')
});

const data = {
  username: 'root'
};

model.checkForFieldAsync('username', data).then(result => {
  // Data verification result
});

MixedType()

Creates a type that matches all types. All types inherit from this base type.

isRequired(errorMessage?: string, trim: boolean = true)

MixedType().isRequired('This field required');

isRequiredOrEmpty(errorMessage?: string, trim: boolean = true)

MixedType().isRequiredOrEmpty('This field required');

addRule(onValid: Function, errorMessage?: string, priority: boolean)

MixedType().addRule((value, data) => {
  return /^[1-9][0-9]{3}\s?[a-zA-Z]{2}$/.test(value);
}, 'Please enter a legal character.');

addAsyncRule(onValid: Function, errorMessage?: string, priority: boolean)

MixedType().addAsyncRule((value, data) => {
  return new Promise(resolve => {
    // Asynchronous processing logic
  });
}, 'Please enter a legal character.');

when(condition: (schemaSpec: SchemaDeclaration<DataType, ErrorMsgType>) => Type)

Define data verification rules based on conditions.

const model = SchemaModel({
  age: NumberType().min(18, 'error'),
  contact: MixedType().when(schema => {
    const checkResult = schema.age.check();
    return checkResult.hasError
      ? StringType().isRequired('Please provide contact information')
      : StringType();
  })
});

/**
{ 
  age: { hasError: false }, 
  contact: { hasError: false } 
}
*/
model.check({ age: 18, contact: '' });

/*
{
  age: { hasError: true, errorMessage: 'error' },
  contact: {
    hasError: true,
    errorMessage: 'Please provide contact information'
  }
}
*/
model.check({ age: 17, contact: '' });

check(value: ValueType, data?: DataType):CheckResult

const type = MixedType().addRule(v => {
  if (typeof v === 'number') {
    return true;
  }
  return false;
}, 'Please enter a valid number');

type.check('1'); //  { hasError: true, errorMessage: 'Please enter a valid number' }
type.check(1); //  { hasError: false }

checkAsync(value: ValueType, data?: DataType):Promise<CheckResult>

const type = MixedType().addRule(v => {
  return new Promise(resolve => {
    setTimeout(() => {
      if (typeof v === 'number') {
        resolve(true);
      } else {
        resolve(false);
      }
    }, 500);
  });
}, 'Please enter a valid number');

type.checkAsync('1').then(checkResult => {
  //  { hasError: true, errorMessage: 'Please enter a valid number' }
});
type.checkAsync(1).then(checkResult => {
  //  { hasError: false }
});

StringType(errorMessage?: string)

Define a string type. Supports all the same methods as MixedType.

isEmail(errorMessage?: string)

StringType().isEmail('Please input the correct email address');

isURL(errorMessage?: string)

StringType().isURL('Please enter the correct URL address');

isOneOf(items: string[], errorMessage?: string)

StringType().isOneOf(['Javascript', 'CSS'], 'Can only type `Javascript` and `CSS`');

containsLetter(errorMessage?: string)

StringType().containsLetter('Must contain English characters');

containsUppercaseLetter(errorMessage?: string)

StringType().containsUppercaseLetter('Must contain uppercase English characters');

containsLowercaseLetter(errorMessage?: string)

StringType().containsLowercaseLetter('Must contain lowercase English characters');

containsLetterOnly(errorMessage?: string)

StringType().containsLetterOnly('English characters that can only be included');

containsNumber(errorMessage?: string)

StringType().containsNumber('Must contain numbers');

pattern(regExp: RegExp, errorMessage?: string)

StringType().pattern(/^[1-9][0-9]{3}\s?[a-zA-Z]{2}$/, 'Please enter legal characters');

rangeLength(minLength: number, maxLength: number, errorMessage?: string)

StringType().rangeLength(6, 30, 'The number of characters can only be between 6 and 30');

minLength(minLength: number, errorMessage?: string)

StringType().minLength(6, 'Minimum 6 characters required');

maxLength(maxLength: number, errorMessage?: string)

StringType().maxLength(30, 'The maximum is only 30 characters.');

NumberType(errorMessage?: string)

Define a number type. Supports all the same methods as MixedType.

isInteger(errorMessage?: string)

NumberType().isInteger('It can only be an integer');

isOneOf(items: number[], errorMessage?: string)

NumberType().isOneOf([5, 10, 15], 'Can only be `5`, `10`, `15`');

pattern(regExp: RegExp, errorMessage?: string)

NumberType().pattern(/^[1-9][0-9]{3}$/, 'Please enter a legal character.');

range(minLength: number, maxLength: number, errorMessage?: string)

NumberType().range(18, 40, 'Please enter a number between 18 - 40');

min(min: number, errorMessage?: string)

NumberType().min(18, 'Minimum 18');

max(max: number, errorMessage?: string)

NumberType().max(40, 'Maximum 40');

ArrayType(errorMessage?: string)

Define a array type. Supports all the same methods as MixedType.

isRequiredOrEmpty(errorMessage?: string)

ArrayType().isRequiredOrEmpty('This field required');

rangeLength(minLength: number, maxLength: number, errorMessage?: string)

ArrayType().rangeLength(1, 3, 'Choose at least one, but no more than three');

minLength(minLength: number, errorMessage?: string)

ArrayType().minLength(1, 'Choose at least one');

maxLength(maxLength: number, errorMessage?: string)

ArrayType().maxLength(3, "Can't exceed three");

unrepeatable(errorMessage?: string)

ArrayType().unrepeatable('Duplicate options cannot appear');

of(type: object)

ArrayType().of(StringType('The tag should be a string').isRequired());

DateType(errorMessage?: string)

Define a date type. Supports all the same methods as MixedType.

range(min: Date, max: Date, errorMessage?: string)

DateType().range(
  new Date('08/01/2017'),
  new Date('08/30/2017'),
  'Date should be between 08/01/2017 - 08/30/2017'
);

min(min: Date, errorMessage?: string)

DateType().min(new Date('08/01/2017'), 'Minimum date 08/01/2017');

max(max: Date, errorMessage?: string)

DateType().max(new Date('08/30/2017'), 'Maximum date 08/30/2017');

ObjectType(errorMessage?: string)

Define a object type. Supports all the same methods as MixedType.

shape(fields: object)

ObjectType().shape({
  email: StringType().isEmail('Should be an email'),
  age: NumberType().min(18, 'Age should be greater than 18 years old')
});

BooleanType(errorMessage?: string)

Define a boolean type. Supports all the same methods as MixedType.

⚠️ Notes

Default check priority:

  • 1.isRequired
  • 2.All other checks are executed in sequence

If the third argument to addRule is true, the priority of the check is as follows:

  • 1.addRule
  • 2.isRequired
  • 3.Predefined rules (if there is no isRequired, value is empty, the rule is not executed)

More Repositories

1

rsuite

🧱 A suite of React components .
TypeScript
8,300
star
2

rsuite-table

A React table component.
TypeScript
717
star
3

rsuite-admin-template

Admin Dashboard Template. Ease developers’ life with the React Suite 5. TypeScript will help with optimizing. Quick start & easily extensible code.
TypeScript
107
star
4

charts

📊 A set of charts based on rsuite and ECharts
TypeScript
92
star
5

rsuite.github.io

React Suite documentation site. The library will stop updating. For documentation related issues, please visit https://github.com/rsuite/rsuite/tree/master/docs.
HTML
40
star
6

dom-lib

DOM helper library
TypeScript
27
star
7

schema-form

Form generation and validation based on schema-typed and rsuite
JavaScript
17
star
8

webpack-multiple-themes-compile

Overwrite webpack config to output multiple themes css.
JavaScript
16
star
9

validation

😎 Validate like a boss.
TypeScript
10
star
10

interactions

🛎️ Effortless React alertdialogs.
JavaScript
9
star
11

rsuite-management-system-ssr

A server-side rendering project based on Nextjs and React Suite
JavaScript
9
star
12

react-frame

基于 Rsuite 封装的 Frame 结构。
JavaScript
8
star
13

rsuite-icon-font

🎲 Use the svg file to generate the icon-font for rsuite.
JavaScript
7
star
14

rsuite-icons

🎀 The all icons of rsuite.
TypeScript
6
star
15

multi-date-picker

A date picker that can select multiple dates
JavaScript
6
star
16

document-nav

Document navigation is automatically generated based on the HTML title (h1-h6) tag
JavaScript
5
star
17

rsuite-project-template

Project management template. Ease developers’ life with the React Suite 5. TypeScript will help with optimizing. Quick start & easily extensible code.
TypeScript
4
star
18

codemod

Upgrade React Suite with breaking changes but without pain.
JavaScript
3
star
19

responsive-nav

A tab component based on rsuite nav enhancements
TypeScript
3
star
20

babel-preset-rsuite

Modularly import rsuite components for babel.
JavaScript
3
star
21

rsuite-utils

Utilities for creating rsuite components
JavaScript
2
star
22

rsuite-snippets

RSuite Snippets for VS Code
JavaScript
1
star
23

enhanced

📓 RSuite Enhanced Edition
TypeScript
1
star
24

formik

Formik-compatible React Suite components
TypeScript
1
star
25

timezone-picker

时区选择器
JavaScript
1
star