Async Validator 异步验证使用说明
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
async-validator 是一个异步验证的库，需要传入要验证的数据和验证规则 ,狼蚁网站SEO优化通过本文给大家介绍Async Validator 异步验证使用说明，需要的的朋友参考下吧
async-validator 是一个异步验证的库，需要传入要验证的数据和验证规则
官方链接
要检验的数据，格式要求如下：
{
a:xxx,
b:xxx
}
检验规则定义格式如下：
{
a:[
{验证规则, message: 'xxx'},
{验证规则, message: 'xxx'}
],
b:[
{验证规则, message: 'xxx'}
]
}
message是规则没通过时返回的错误消息
举个例子， 因为是异步验证，所以我们用ES6 的 Promise去调用它，方便使用
var inputData = {'item':'12345'}
var rules = [
{required: true, message: '年龄不能为空'},
{type: 'number', message: '年龄必须为数字值'}
]
function validateData() {
var validateRuler = new Promise(function (resolve, reject) {
var validator = new AsyncValidator(rules)
validator.validate(inputData, { firstFields: true }, (errors, fields) => {
resolve(errors)
})
return validateRuler
}
function validate() {
validateData().then(function (errors) {
console.log(errors)
if (errors === null) {
// 通过验证，该干嘛干嘛
} else {
// 把验证结果展示在页面上
}
})
}
validate()
如果验证没通过是这样
通过了则返回 null
需要注意的是，如果传入的规则是空数组
上面的resolve(errors）是完全不会执行的
以上所述是长沙网络推广给大家介绍的Async Validator 异步验证使用说明，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！