async-validator的使用说明

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

官方链接 https://github.com/yiminghe/async-validator

传入的数据格式如下

{
  a:xxx,
  b:xxx
}

验证的规则格式如下

{
  a:[
    {验证规则1},
    {验证规则2}

  ],
  b:[
     {验证规则3}
    ]

调用代码

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)
})}validate()

如果验证没通过是下图这样

如果验证通过是返回 null

需要注意的是,如果传入的规则是空数组

    validator.validate(inputData, { firstFields: true }, (errors, fields) => {
      resolve(errors)
    })
这段中的resolve(errors)是完全不会执行的

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值