async-validator.js數據校驗器

文檔：

•  https://www.npmjs.com/package/async-validator
•  https://github.com/yiminghe/async-validator

安裝

登錄後複制

npm i async-validator

     

      
1.
     

示例

登錄後複制

// demo.mjs
// node(v16.14.0)

// import Schema from 'async-validator';

// fix: 文檔給出的引入方式報錯
import asyncValidator from 'async-validator';
const Validator = asyncValidator.default;

// 定義校驗規則
const rules = {
  name: {
    type: 'string',
    required: true,
    validator: (rule, value) => value === 'muji',
  },
  age: {
    type: 'number',
    asyncValidator: (rule, value) => {
      return new Promise((resolve, reject) => {
        if (value < 18) {
          reject('too young'); // reject with error message
        } else {
          resolve();
        }
      });
    },
  },
};

const validator = new Validator(rules);

let data = { name: 'Tom', age: 16 };

validator
  .validate(data)
  .then(() => {
    // validation passed or without error message
    console.log('validate passed');
  })
  .catch(({ errors, fields }) => {
    console.log(errors, fields);
  });



     

      
1.
      
2.
      
3.
      
4.
      
5.
      
6.
      
7.
      
8.
      
9.
      
10.
      
11.
      
12.
      
13.
      
14.
      
15.
      
16.
      
17.
      
18.
      
19.
      
20.
      
21.
      
22.
      
23.
      
24.
      
25.
      
26.
      
27.
      
28.
      
29.
      
30.
      
31.
      
32.
      
33.
      
34.
      
35.
      
36.
      
37.
      
38.
      
39.
      
40.
      
41.
      
42.
      
43.
      
44.
      
45.
     

打印出的校驗信息

登錄後複制

[
  { message: 'name fails', fieldValue: 'Tom', field: 'name' },
  { message: 'too young', fieldValue: 16, field: 'age' }
] {
  name: [ { message: 'name fails', fieldValue: 'Tom', field: 'name' } ],
  age: [ { message: 'too young', fieldValue: 16, field: 'age' } ]
}


     

      
1.
      
2.
      
3.
      
4.
      
5.
      
6.
      
7.
      
8.
     

rule的屬性

登錄後複制

type
required
pattern
len
enum
min/max

     

      
1.
      
2.
      
3.
      
4.
      
5.
      
6.
     

可以使用的 Type

類型	描述
string	Must be of type string. This is the default type.
number	Must be of type number.
boolean	Must be of type boolean.
method	Must be of type function.
regexp	Must be an instance of RegExp or a string that does not generate an exception when creating a new RegExp.
integer	Must be of type number and an integer.
float	Must be of type number and a floating point number.
array	Must be an array as determined by Array.isArray.
object	Must be of type object and not Array.isArray.
enum	Value must exist in the enum.
date	Value must be valid as determined by Date
url	Must be of type url.
hex	Must be of type hex.
email	Must be of type email.
any	Can be any type.