AsyncValidator异步验证使用说明-营山大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

AsyncValidator异步验证使用说明

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

本文标题：AsyncValidator异步验证使用说明
当前地址：http://scyingshan.cn/article/pphehh.html

新闻中心

其他资讯