Async Validator 異步驗(yàn)證使用說明
async-validator 是一個異步驗(yàn)證的庫,需要傳入要驗(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ī)則沒通過時返回的錯誤消息
舉個例子, 因?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é)果展示在頁面上 } }) } validate()
如果驗(yàn)證沒通過是這樣
通過了則返回 null
需要注意的是,如果傳入的規(guī)則是空數(shù)組
上面的resolve(errors)是完全不會執(zhí)行的
以上所述是小編給大家介紹的Async Validator 異步驗(yàn)證使用說明,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
IE中JS跳轉(zhuǎn)丟失referrer問題的2個解決方法
這篇文章主要介紹了IE中JS跳轉(zhuǎn)丟失referrer問題的2個解決方法,算是IE的一個BUG吧,本文提供了2個方法解決這個問題,需要的朋友可以參考下2014-07-07js實(shí)現(xiàn)接收表單的值并將值拼在表單action后面的方法
這篇文章主要介紹了js實(shí)現(xiàn)接收表單的值并將值拼在表單action后面的方法,涉及JavaScript動態(tài)操作字符串及表單元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11使用Bootstrap typeahead插件實(shí)現(xiàn)搜索框自動補(bǔ)全的方法
這篇文章主要介紹了使用Bootstrap typeahead插件實(shí)現(xiàn)搜索框自動補(bǔ)全的方法的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07如何使用Javascript正則表達(dá)式來格式化XML內(nèi)容
本篇文章是對使用Javascript正則表達(dá)式來格式化XML內(nèi)容的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07如何使用ImageDecoder API讓GIF圖片暫停播放
在本文中,我們介紹了如何使用ImageDecoder API來暫停GIF圖像的播放,雖然這需要一些JavaScript編程知識,但它是一個非常強(qiáng)大的技術(shù),可以讓您對GIF圖像進(jìn)行各種高級操作,感興趣的朋友跟隨小編一起看看吧2023-06-06