首页 > 开发 > JS > 正文

Async Validator 异步验证使用说明

2024-05-06 16:38:13
字体:
来源:转载
供稿:网友

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 异步验证使用说明,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持!


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表