Validator校验器（解决多个异步检验）

定义一个Validator校验器，可用于表单验证，但又与表单组件相互独立，参数提供“需要校验的数据”和“校验规则”，返回“校验结果”。（React+Typescript）

例如：(数据格式)

想在以上功能的基础上实现 自定义异步验证 ,

验证规则中加入一个validate，这里的validate函数通常会出现ajax异步请求：

其中， validate(value, resolve, reject) ，参数 value 是需要校验的数据，参数 resolve 是成功后需要执行的函数，参数 reject 是失败后需要执行的函数， reject 的参数就是校验结果的文字内容。

无论 Promise 里面执行的是 resolve 还是 reject ，返回给 after 的状态一定是fulfilled，那么 Promise.all([after1, after2]) 就会执行then里面的回调函数success ：

antd form表单validator 校验(4.17) 输入框一直是红色解决方法

使用 antd 的 validator 方法时 用 antd 官方提供的示例会 导致输入框一直是红色

改用以下写法就好了

```

rules={[

          {

            validator: async function validator(_, value, callback) {

              const res: any = await getCheckNumberUnique(value);//异步发送接口 给 后端进行校验

              if (res res.data res.data.code === 500) {

                throw new Error('地图编号重复');//错误信息

              } else {

                callback();//恢复为蓝色框

              }

            },

          },

        ]}

```

使用validator.js对字符串数据进行验证

validator.js是一个对字符串进行数据验证和过滤的工具库，同时支持Node端和浏览器端，github地址是

主要API如下：

验证str中是否含有seed

验证是否相等

验证str是否是一个指定date之后的时间字符串，默认date为现在，与之相反的是isBefore方法

检查是否是布尔值

检查是否是信用卡

检查str是否是一个可以被number整除的数字

检查是否是邮件地址

检查字符串是否为空

是否是域名

是否是浮点数

是否是哈希值

是否是十六进制颜色值，例如#ffffff

是否是十六进制数字

是否是IP地址值，version为4或者6

是否是ISBN号，version为10或者13

是否是整数

使用JSON.parse判断是否是json

判断字符串的长度是否在一个范围内，options默认为{min:0, max: undefined}

是否小写

是否是MAC地址

是否是MD5加密的哈希值

是否是MIME type值

是否是MongoDB的id值

是否仅仅包含数字

是否是一个端口号

是否是一个URL地址

是否大写

是否匹配，利用match方法，其中匹配的模式可以作为第三个参数，当然也可以卸载正则表达式pattern中

移除黑名单中的字符

对 ' " /进行HTML转义，与之相反的方法是unescape

对字符进行左缩进，与之对应的右缩进为rtrim方法，两端缩进trim

此外还有toBoolean、toDate、toFloat、toInt、whitelist