async-validator

安装

npm i --save async-validator

使用

需要创建一个描述符对象

import Schema from 'async-validator'
// 创建描述对象
const descriptor = {
    name: {
        type: 'string', 
        requried: true, 
        validator: (rule, value) => value ==='lxc' // 自定义校验规则，rule：一个对象，装着校验的信息；value：输入框中的值（实时的）
    }
}

实例化schema，把描述对象作为参数放进去

const validator = new Schema(descriptor)

使用校验器，进行校验

// validator实例上有validate方法 - 校验器，参数一：要检验的数据Object；
// 参数二：回调函数，校验完成后要做的逻辑，该方法返回一个promise，也可以用promise形式调用回调
// 需要校验的key和value，this.prop是动态属性key
validator.validate({ [this.prop]: value}, (errors, files) => {
    if(errors) {
        this.errorText = errors[0].message 
        this.error = true
    }else{
        this.errorText = ''
        this.error = false
    }
})
/**
* errors: 是一个数组，里边是一个对象：{field: 'key', message: 'xxx'} 要校验的key及验证失败的信息
* fields: 是一个对象，{key: [{}]} key：为要检验的key，值：与上边errors相同
*
*
*
*
*


*/