async-validator 是一個異步驗證的庫，需要傳入要驗證的數(shù)據(jù)和驗證規(guī)則

官方鏈接 https://github.com/yiminghe/async-validator

要檢驗的數(shù)據(jù)，格式要求如下：

{ a:xxx, b:xxx}

檢驗規(guī)則定義格式如下：

{ a:[  {驗證規(guī)則, message: 'xxx'},  {驗證規(guī)則, message: 'xxx'} ], b:[  {驗證規(guī)則, message: 'xxx'} ]}

message是規(guī)則沒通過時返回的錯誤消息

舉個例子， 因為是異步驗證，所以我們用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) {    // 通過驗證，該干嘛干嘛  } else {    // 把驗證結(jié)果展示在頁面上  } })}validate()

如果驗證沒通過是這樣

通過了則返回 null

需要注意的是，如果傳入的規(guī)則是空數(shù)組

上面的resolve(errors）是完全不會執(zhí)行的

以上所述是小編給大家介紹的Async Validator 異步驗證使用說明，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網(wǎng)站的支持！