Async Validator 异步验证使用说明
程序员文章站
2023-12-26 14:57:09
async-validator 是一个异步验证的库,需要传入要验证的数据和验证规则
官方链接
要检验的数据,格式要求如下:
{
a:xxx,
b:x...
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 异步验证使用说明,希望对大家有所帮助