欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Async Validator 異步驗證使用說明

 更新時間：2017年07月03日 14:10:44   作者：豆之助  
async-validator 是一個異步驗證的庫，需要傳入要驗證的數(shù)據(jù)和驗證規(guī)則 ,下面通過本文給大家介紹Async Validator 異步驗證使用說明，需要的的朋友參考下吧

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 異步驗證使用說明，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論