validate.js 验证数组元素

Question

我有一个包含两个数组属性的 java 脚本对象：

我正在使用validate.js 库。

例如：

var customer = {
   name: 'Ted',
   address: 'some address',
   friends: ['Michelle','Elon'],
   purchases: [{ qty:1, goods: 'eggs'}, { qty:2, goods: 'apples'}]
}

我想验证以下内容：

1. 朋友数组只包含字符串类型的元素。
2. 购买数组包含至少 1 次但最多 5 次购买，并且数量始终为数字。

如何使用 validate.js 做到这一点？

Answer 1

你可以创建一个custom validator，我们称之为array：

import validate from 'validate.js/validate'
import isEmpty from 'lodash-es/isEmpty'

validate.validators.array = (arrayItems, itemConstraints) => {
  const arrayItemErrors = arrayItems.reduce((errors, item, index) => {
    const error = validate(item, itemConstraints)
    if (error) errors[index] = { error: error }
    return errors
  }, {})

  return isEmpty(arrayItemErrors) ? null : { errors: arrayItemErrors }
}

然后像这样使用它：

const customerConstraints = {
  purchases: {
    array: {
      qty: {
        numericality: {
          onlyInteger: true,
          greaterThan: 0,
          lessThanOrEqualTo: 5
        }
      }
    }
  }
}

const customerErrors = validate(customer, customerConstraints)

然后在渲染块中迭代customer.purchases数组时，您可以通过检查customerErrors.purchases.errors[index].error.qty来查看是否有任何购买项目有错误