Async Validator 异步验证使用说明


Posted in Javascript onJuly 03, 2017

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

Javascript 相关文章推荐
用cssText批量修改样式
Aug 29 Javascript
JSON.stringify 语法实例讲解
Mar 14 Javascript
深入理解JavaScript中的传值与传引用
Dec 09 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
Jun 24 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
JS遍历DOM文档树的方法实例详解
Apr 03 Javascript
vuex操作state对象的实例代码
Apr 25 Javascript
Node.js Stream ondata触发时机与顺序的探索
Mar 08 Javascript
js DOM的事件常见操作实例详解
Dec 16 Javascript
JS实现省市县三级下拉联动
Apr 10 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 #Javascript
Require.js的基本用法详解
Jul 03 #Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 #Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 #Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
Jul 03 #Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 #Javascript
微信小程序开发中的疑问解答汇总
Jul 03 #Javascript
You might like
PHP的博客ping服务代码
2012/02/04 PHP
php的crc32函数使用时需要注意的问题(不然就是坑)
2015/04/21 PHP
joomla数据库操作示例代码
2016/01/06 PHP
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
iframe的父子窗口之间的对象相互调用基本用法
2013/09/03 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
json+jQuery实现的无限级树形菜单效果代码
2015/08/27 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
Bootstrap实现默认导航栏效果
2020/09/21 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
浅谈angular2路由预加载策略
2017/10/04 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
Python常用随机数与随机字符串方法实例
2015/04/09 Python
python将文本转换成图片输出的方法
2015/04/28 Python
Python实现控制台输入密码的方法
2015/05/29 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
在Python文件中指定Python解释器的方法
2019/02/18 Python
基于matplotlib xticks用法详解
2020/04/16 Python
Python+PyQt5+MySQL实现天气管理系统
2020/06/16 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
宝塔面板出现“open_basedir restriction in effect. ”的解决方法
2021/03/14 PHP
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
加拿大花店:1800Flowers.ca
2016/11/16 全球购物
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
贝佳斯官方网站:Borghese
2020/05/08 全球购物
2015年端午节国旗下演讲稿
2015/03/19 职场文书
python基础学习之递归函数知识总结
2021/05/26 Python
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers