async-validator 是一个表单异步校验库,阿里旗下的 Ant-design 和 Element 组件库中的表单验证使用的都是 async-validator ,目前版本已更新到 4.0.7 ,下载量达到 1,067,202次,不仅支持 js ,同时也可支持 typeScript 。是一个功能超级强大的库,有兴趣的一起来了解了解。
async-validator 官网地址:
https://www.npmjs.com/package/async-validator
async-validator 美中不足的是没有中文官方文档,看着英文的好费劲!网上百度了一堆都是低版本的翻译,现在升级到 4.0.7 了,有些性能废弃了,会出现一些不起作用的属性,所以今天帮大家也帮自己翻译一下,便于学习。
一、从入门到上手
安装命令
npm i async-validator
// 或
npm install async-validator
使用方法:
// 引入异步
import Schema from 'async-validator'
// 定义规则描述
const des = {
name: {
type: "string",
required: true,
message: "内容不能为空"
}
}
// 创建校验器
const validator = new Schema(des)
// 添加校验
validator.validate({ name: "值" }, (errors, field) => {
if(errors){
return new Error(`校验失败`)
}
// 校验失败
})