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 相关文章推荐
基于node.js的快速开发透明代理
Dec 25 Javascript
收集json解析的四种方法分享
Jan 17 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
jquery购物车结算功能实现方法
Oct 29 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
详解webpack + vue + node 打造单页面(入门篇)
Sep 23 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
自定义javascript验证框架示例【附源码下载】
May 31 Javascript
记录一次websocket封装的过程
Nov 23 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
在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
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
Javascript实例教程(19) 使用HoTMetal(1)
2006/12/23 Javascript
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
js操作textarea 常用方法总结
2012/12/03 Javascript
node.js集成百度UE编辑器
2015/02/05 Javascript
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
2016/06/06 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
通过命令行创建vue项目的方法
2017/07/20 Javascript
JS实现区分中英文并统计字符个数的方法示例
2018/06/09 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
在Python中处理XML的教程
2015/04/29 Python
PYTHON压平嵌套列表的简单实现
2016/06/08 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
Python实现端口检测的方法
2018/07/24 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
python代码编写计算器小程序
2020/03/30 Python
Python将字典转换为XML的方法
2020/08/01 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
python 对xml解析的示例
2021/02/27 Python
Java servlet面试题
2012/03/04 面试题
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
校园公益广告语
2014/03/13 职场文书
小学班干部竞选演讲稿
2014/04/24 职场文书
捐书倡议书
2014/08/29 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP