2

Eu tenho que validar um formulário onde o usuário pode atualizar a senha dele, tô usando o Yup para fazer isso.

Meu código tá assim:

const schema = Yup.object().shape({
  name: Yup.string().notRequired().min(3, "O nome deve ter mais de 3 letras"),
  email: Yup.string().email().notRequired(),
  oldPassword: Yup.string().notRequired(),
  password: Yup.string().notRequired().min(6, "A senha deve ter pelo menos 6 caracteres"),
  confirmPassword: Yup.string().notRequired(),
})

Preciso comparar dois campos, que são o password e o confirmPassword. Existe alguma forma no Yup de verificar se esses campos são iguais? Já tentei o matches() mas ele só funciona com expressões regulares.

2 Respostas 2

2

Pelo método oneOf seguindo o exemplo:

validationSchema: Yup.object({
  password: Yup.string().required('Password is required'),
  passwordConfirmation: Yup.string()
     .oneOf([Yup.ref('password'), null], 'Passwords must match')
});

Referencia: Check The Password Confirmation With Yup

no seu código:

const schema = Yup.object().shape({
  name: Yup.string().notRequired().min(3, "O nome deve ter mais de 3 letras"),
  email: Yup.string().email().notRequired(),
  oldPassword: Yup.string().notRequired(),
  password: Yup.string().notRequired().min(6, "A senha deve ter pelo menos 6 caracteres"),
  confirmPassword: Yup.string().
      onOf([Yup.ref('password'), null],'Passwords must match')
})

Referencias:

0

Eu faço isso dessa forma:

const schema = Yup.object().shape({
          name: Yup.string().required('Nome é obrigatório!'),
          email: Yup.string()
            .required('E-mail é obrigatório')
            .email('E-mail inválido'),
          old_password: Yup.string(),
          password: Yup.string().when('old_password', {
            is: (val) => !!val.lenght,
            then: Yup.string().required('Campo obrigatório'),
            otherwise: Yup.string(),
          }),
          password_confirmation: Yup.string()
            .when('old_password', {
              is: (val) => !!val.lenght,
              then: Yup.string().required('Campo obrigatório'),
              otherwise: Yup.string(),
            })
            .oneOf([Yup.ref('password'), null], 'Confirmação incorreta'),
        });

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .