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ī)則沒(méi)通過(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) {
// 通過(guò)驗(yàn)證，該干嘛干嘛
} else {
// 把驗(yàn)證結(jié)果展示在頁(yè)面上
}
})
}
validate()
如果驗(yàn)證沒(méi)通過(guò)是這樣
通過(guò)了則返回 null
需要注意的是，如果傳入的規(guī)則是空數(shù)組
上面的resolve(errors）是完全不會(huì)執(zhí)行的
以上所述是小編給大家介紹的Async Validator 異步驗(yàn)證使用說(shuō)明，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
本篇文章主要介紹了webpack多入口文件頁(yè)面打包配置詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
在使用JSON格式處理數(shù)據(jù)時(shí)應(yīng)該注意的問(wèn)題小結(jié)
這篇文章主要介紹了在使用JSON格式處理數(shù)據(jù)時(shí)應(yīng)該注意的問(wèn)題，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-05-05
layui+ssm實(shí)現(xiàn)數(shù)據(jù)批量刪除功能
本篇文章給大家介紹layui+ssm實(shí)現(xiàn)數(shù)據(jù)批量刪除功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
IE innerHTML,outerHTML所引起的問(wèn)題
我們?cè)谟胘avascript創(chuàng)建一個(gè)遮蓋層(div)后，如果點(diǎn)擊關(guān)閉用到了2009-06-06
使用javascript:將其它類(lèi)型值轉(zhuǎn)換成布爾類(lèi)型值的解決方法詳解
本篇文章是對(duì)使用javascript:將其它類(lèi)型值轉(zhuǎn)換成布爾類(lèi)型值的解決方法進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05
js中的觸發(fā)事件對(duì)象event.srcElement與event.target詳解
這篇文章主要給大家介紹了js中的觸發(fā)事件對(duì)象event.srcElement與event.target的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-03-03
用JS實(shí)現(xiàn)網(wǎng)頁(yè)元素陰影效果的研究總結(jié)
用JS實(shí)現(xiàn)網(wǎng)頁(yè)元素陰影效果的研究總結(jié)...2007-08-08
相信大家都遇到過(guò),在各種圖表框架中經(jīng)常會(huì)有將一段折線平滑的需求,不僅能給用戶(hù)帶來(lái)一種柔和的感覺(jué),還能美化界面,讓折線看起來(lái)沒(méi)那么生硬,這篇文章主要給大家介紹了關(guān)于如何利用Javascript生成平滑曲線的相關(guān)資料,需要的朋友可以參考下2021-07-07
JavaScript中???、??=、?.和?||的區(qū)別淺析
在?JS?中,???運(yùn)算符被稱(chēng)為非空運(yùn)算符,下面這篇文章主要給大家介紹了關(guān)于JavaScript中???、??=、?.和?||區(qū)別的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JavaScript中var的重要性,結(jié)合實(shí)例形式分析了javascript變量定義、作用范圍、作用域及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07