源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Async Validator 异步验证使用说明

  • 时间:2021-07-18 23:39 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Async Validator 异步验证使用说明
async-validator 是一个异步验证的库,需要传入要验证的数据和验证规则 官方链接 [url=https://github.com/yiminghe/async-validator]https://github.com/yiminghe/async-validator[/url] 要检验的数据,格式要求如下:
{
 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 异步验证使用说明,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部