AsyncValidator异步验证使用说明_async-validator警告资源-CSDN文库

137 浏览量 2020-08-30 02:16:27 上传评论收藏 36KB PDF 举报

资源推荐

资源详情

资源评论

Async Validator 异步验证使用说明异步验证使用说明

async-validator 是一个异步验证的库，需要传入要验证的数据和验证规则 ,下面通过本文给大家介绍Async

Validator 异步验证使用说明，需要的的朋友参考下吧

async-validator 是一个异步验证的库，需要传入要验证的数据和验证规则

官方链接 https://github.com/yiminghe/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 异步验证使用说明，希望对大家有所帮助，如果大家有任何疑问请给我留言，

小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

weixin_38696339

粉丝: 4
资源: 908

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip