欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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 异步验证使用说明,希望对大家有所帮助

上一篇:

下一篇: