Async Validator 異步驗(yàn)證使用說(shuō)明
async-validator 是一個(gè)異步驗(yàn)證的庫(kù),需要傳入要驗(yàn)證的數(shù)據(jù)和驗(yàn)證規(guī)則
官方鏈接 https://github.com/yiminghe/async-validator
要檢驗(yàn)的數(shù)據(jù),格式要求如下:
{ a:xxx, b:xxx }
檢驗(yàn)規(guī)則定義格式如下:
{ a:[ {驗(yàn)證規(guī)則, message: 'xxx'}, {驗(yàn)證規(guī)則, message: 'xxx'} ], b:[ {驗(yàn)證規(guī)則, message: 'xxx'} ] }
message是規(guī)則沒通過時(shí)返回的錯(cuò)誤消息
舉個(gè)例子, 因?yàn)槭钱惒津?yàn)證,所以我們用ES6 的 Promise去調(diào)用它,方便使用
var inputData = {'item':'12345'} var rules = [ {required: true, message: '年齡不能為空'}, {type: 'number', message: '年齡必須為數(shù)字值'} ] 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) { // 通過驗(yàn)證,該干嘛干嘛 } else { // 把驗(yàn)證結(jié)果展示在頁(yè)面上 } }) } validate()
如果驗(yàn)證沒通過是這樣
通過了則返回 null
需要注意的是,如果傳入的規(guī)則是空數(shù)組
上面的resolve(errors)是完全不會(huì)執(zhí)行的
以上所述是小編給大家介紹的Async Validator 異步驗(yàn)證使用說(shuō)明,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
IE中JS跳轉(zhuǎn)丟失referrer問題的2個(gè)解決方法
這篇文章主要介紹了IE中JS跳轉(zhuǎn)丟失referrer問題的2個(gè)解決方法,算是IE的一個(gè)BUG吧,本文提供了2個(gè)方法解決這個(gè)問題,需要的朋友可以參考下2014-07-07js實(shí)現(xiàn)接收表單的值并將值拼在表單action后面的方法
這篇文章主要介紹了js實(shí)現(xiàn)接收表單的值并將值拼在表單action后面的方法,涉及JavaScript動(dòng)態(tài)操作字符串及表單元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11使用Bootstrap typeahead插件實(shí)現(xiàn)搜索框自動(dòng)補(bǔ)全的方法
這篇文章主要介紹了使用Bootstrap typeahead插件實(shí)現(xiàn)搜索框自動(dòng)補(bǔ)全的方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07js輪播圖透明度切換(帶上下頁(yè)和底部圓點(diǎn)切換)
本篇文章主要介紹了js輪播圖透明度切換(帶上下頁(yè)和底部圓點(diǎn)切換)的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04Javascript頁(yè)面添加到收藏夾的簡(jiǎn)單方法
這篇文章介紹了Javascript頁(yè)面添加到收藏夾的簡(jiǎn)單方法,有需要的朋友可以參考一下2013-08-08如何使用Javascript正則表達(dá)式來(lái)格式化XML內(nèi)容
本篇文章是對(duì)使用Javascript正則表達(dá)式來(lái)格式化XML內(nèi)容的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07如何使用ImageDecoder API讓GIF圖片暫停播放
在本文中,我們介紹了如何使用ImageDecoder API來(lái)暫停GIF圖像的播放,雖然這需要一些JavaScript編程知識(shí),但它是一個(gè)非常強(qiáng)大的技術(shù),可以讓您對(duì)GIF圖像進(jìn)行各種高級(jí)操作,感興趣的朋友跟隨小編一起看看吧2023-06-06