async-validator 是一個(gè)異步驗(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ī)則沒通過時(shí)返回的錯誤消息
舉個(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é)果展示在頁面上 } })}validate()如果驗(yàn)證沒通過是這樣
通過了則返回 null
需要注意的是，如果傳入的規(guī)則是空數(shù)組
上面的resolve(errors）是完全不會執(zhí)行的
以上所述是小編給大家介紹的Async Validator 異步驗(yàn)證使用說明，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
