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 相关文章推荐
javascript如何判断输入的url是否正确
Apr 11 Javascript
js加减乘除丢失精度问题解决方法
May 16 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
Jan 13 Javascript
JS实现的几个常用算法
Nov 12 Javascript
jquery心形点赞关注效果的简单实现
Nov 14 Javascript
js实现图片切换(动画版)
Dec 25 Javascript
prototype与__proto__区别详细介绍
Jan 09 Javascript
js原生实现移动端手指滑动轮播图效果的示例
Jan 02 Javascript
使用validate.js实现表单数据提交前的验证方法
Sep 04 Javascript
js原生map实现的方法总结
Jan 19 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 Javascript
Vue Element-ui表单校验规则实现
Jul 09 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
PHP获取网址的顶级域名函数代码
2012/09/24 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
js无法获取到html标签的属性的解决方法
2016/07/26 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
js操作table中tr的顺序实现上移下移一行的效果
2018/11/22 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
Python性能优化的20条建议
2014/10/25 Python
Python与Java间Socket通信实例代码
2017/03/06 Python
Python中存取文件的4种不同操作
2018/07/02 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
python按比例随机切分数据的实现
2019/07/11 Python
python入门之基础语法学习笔记
2020/02/08 Python
深入分析python 排序
2020/08/24 Python
Django admin组件的使用
2020/10/24 Python
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
2014/03/07 HTML / CSS
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
总经理助理岗位职责
2013/11/08 职场文书
优秀员工个人的自我评价
2013/11/29 职场文书
自我评价优秀范文分享
2013/11/30 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
社区工作者个人总结
2015/02/28 职场文书
培训心得体会怎么写
2016/01/25 职场文书
导游词之河北白洋淀
2020/01/15 职场文书