Help Needed with Zod Schema for Password Confirmation Validation

[MonaAghili]

Hello everyone,

I'm working on a form validation using the Zod library in JavaScript and I've run into an issue with validating that the password_confirmation field matches the password field. Here’s how I defined
my schema:

export const CreateOperatorSchema = BaseOperatorDataSchema.extend({
  password: z
    .string({
      required_error: 'Required',
    })
    .min(8, { message: 'min 8' }),
  password_confirmation: z
    .string({
      required_error: 'Required',
    })
    .min(8, { message: 'min 8' }),
}).refine(
  (values) => {
    return values.password === values.password_confirmation;
  },
  {
    message: 'Don't match',
    path: ['password_confirmation'],
  }
);

[colinhacks]

What's the problem exactly?

[wsambian]

Hello there,

This is how I got mine to work.

First, you need to create a password schema. I added additional validation rules:

const passwordSchema = z
  .string()
  .min(8, { message: minLengthErrorMessage })
  .max(20, { message: maxLengthErrorMessage })
  .refine((password) => /[A-Z]/.test(password), {
    message: uppercaseErrorMessage,
  })
  .refine((password) => /[a-z]/.test(password), {
    message: lowercaseErrorMessage,
  })
  .refine((password) => /[0-9]/.test(password), { message: numberErrorMessage })
  .refine((password) => /[!@#$%^&*]/.test(password), {
    message: specialCharacterErrorMessage,
  });

Then you can proceed to create the additional schema to handle password confirmation:

export const updatePasswordSchema = z
  .object({
    currentPassword: z.string(),
    password: passwordSchema,
    confirmPassword: z.string(),
  })
  .refine((data) => data.password === data.confirmPassword, {
    message: passwordMismatchErrorMessage,
    path: ['confirmPassword'],
  });

I hope the above helps.

[arman94]

[viniciusofp]

DON'T CLICK THE LINK IN THIS COMMENT!

It's a scam that must be removed.