【插件：async-validator】基本使用

async-validator 插件基本使用

介绍

  async-validator 是一个用于 JavaScript 对象验证的插件，通常用于前端表单验证。antd 和 elementUI 中 form 实现字段校验也是基于它。

安装

npm install async-validator
yarn add async-validator

使用

1、在组件中引入 async-validator

import Schema from 'async-validator';

2、自定义验证规则（包括字段类型、必填项、最大长度、最小长度等）

const rules = {
    name: { type: 'string', required: true },
    age: { type: 'number', min: 18 }
};

3、实例化验证器将前面定义的验证规则传入 Schema 实例，并进行实例化

const validator = new Schema(rules);

4、进行验证，调用 validate 方法进行验证，传入要验证的对象和回调函数

const data = {
  name: 'Alice',
  age: 25
};

validator.validate(data, (errors, fields) => {
  if (errors) {
    console.log('验证失败', errors);
  } else {
    console.log('验证通过');
  }
});