时间:2021-05-28
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 异步验证使用说明,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
elementUI使用了async-validator进行表单验证,但是当我使用下拉树(el-cascader)时,发现其不主动触发,于是我只能主动去触发,方法
前言C++11中提供了异步线程接口std::async,std::async是异步编程的高级封装,相对于直接使用std::thread,std::async的优
前言由于大部分移动端的组件库都不提供表单校验,因此需要自己封装。目前,使用较多的是async-validator和vee-validator。其中,elemen
前言在之前的SpringBoot基础教程系列中,已经通过《SpringBoot中使用@Async实现异步调用》一文介绍过如何使用@Async注解来实现异步调用了
起步在《分布式任务队列Celery使用说明》中介绍了在Python中使用Celery来实验异步任务和定时任务功能。本文介绍如何在Django中使用Celery。