I have a problem in yup validation when adding required and default value

Question

My problem is I add validation schema on my formik form but the required() validation does not work if I put default("mmm") value

<Formik 
 initialValues={validtionShema.cast()} 
validationSchema={validtionShema} >

</Formik>

const validtionShema = Yup.object()
  .shape({
    name: Yup.string().default("@").required(),
    phone: Yup.number().integer().positive().min(1).default(0555).required(),
  })

so here required does not work if I remove default it will gonna work but in my case i should add a default value

the validation schema will work as expected

Елизавета Махоткина · Accepted Answer · 2025-04-01 09:51:35Z

0

This problem is really related to Formik. There are quite a few issues on this topic in their repository. I solved this problem by overriding the required method

import { isEmpty } from 'lodash';

yup.addMethod(yup.number, 'required', function (message?: string) {
  return this.test(
    'required',
    message ?? 'common.validation.required',
    function (value, testContext) {
      const options = testContext.options as Record<string, string>;
      const defaultValue = testContext.schema.spec.default;
      const originalValue = !isEmpty(options) ? options['originalValue'] : value;
      const finalValue = typeof defaultValue === 'number' ? originalValue : value;

      return finalValue !== '' && finalValue !== null && finalValue !== undefined;
    },
  );
});

answered Apr 1 at 9:51

Елизавета Махоткина

1

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

I have a problem in yup validation when adding required and default value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related