是的验证检查是否为空

Question

const validationSchema = Yup.object().shape({
    newPassword: Yup.string().min(8, 'Password must be at least 8 characters');
});

我只想在 newPassword 字段不为空时进行验证检查。我怎么办？

Answer 1

替代使用测试：

const validationSchema = Yup.object().shape({
    newPassword: Yup.string().test(
        'empty-or-8-characters-check',
        'Password must be at least 8 characters',
        password => !password || password.length >= 8,
    ),
});

Answer 2

解决这个问题有不同的方法。

使用测试

const validationSchema = Yup.object().shape({
    newPassword: Yup.string().test('empty-check','Password must be at least 8 characters',password=>password.length==0

使用时

const validationSchema = Yup.object().shape({
     newPassword: Yup.string().when('newPassword',{
            is:(password)=>password.length>0
            then: Yup.string().min(8, 'Password must be at least 8 characters');
});

Answer 3

替代使用trim()

const validationSchema = Yup.object().shape({
    newPassword: Yup.string().trim().required("Password must be at least 8 characters"),
  });

Answer 4

我自己解决这个问题的方法是首先添加 .nullable() 然后将 .transform() 空字符串添加为 null。

const validationSchema = Yup.object().shape({
    newPassword: Yup
        .string()
        .nullable()
        .transform((v, o) => (o === '' ? null : v))
        .min(8, 'Password must be at least 8 characters')
});