首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Yup:对象数组中的深度验证

Yup是一个流行的JavaScript验证库,用于验证表单和数据的有效性。它提供了一种简单且灵活的方式来定义验证规则,并可以轻松地集成到前端开发中。

对象数组中的深度验证是指对包含对象的数组进行验证,并确保数组中的每个对象都满足特定的验证规则。这在处理复杂的数据结构时非常有用,例如表单中的动态字段或包含多个对象的数据集合。

在Yup中,可以使用array方法来定义对象数组的验证规则。以下是一个示例:

代码语言:txt
复制
import * as yup from 'yup';

const schema = yup.object().shape({
  users: yup.array().of(
    yup.object().shape({
      name: yup.string().required('姓名不能为空'),
      age: yup.number().positive('年龄必须是正数').integer('年龄必须是整数').required('年龄不能为空'),
    })
  ),
});

const data = {
  users: [
    { name: 'Alice', age: 25 },
    { name: 'Bob', age: '30' }, // 年龄不是数字
    { name: '', age: 35 }, // 姓名为空
  ],
};

schema.validate(data)
  .then(valid => console.log(valid))
  .catch(errors => console.log(errors));

在上面的示例中,我们定义了一个包含users字段的验证规则。users字段是一个对象数组,其中每个对象都必须包含nameage字段。name字段必须是非空字符串,而age字段必须是正整数。如果验证失败,将返回相应的错误信息。

对于Yup的更多详细信息和用法,请参考腾讯云相关产品和产品介绍链接地址:Yup验证库

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券