formik validation on multiple fields

Question

I have a form that contains multiple inputs, I don't want to do the validation for each field, but if all the fields are empty, it shows an error on the top the form. Is there a way I can do it with formik? I was looking at "validate?: (values: Values) => FormikErrors | Promise" from https://jaredpalmer.com/formik/docs/api/formik#validate-values-values-formikerrors-values-promise-any, but I don't know how to write the errors object and where to show the error since I don't want the error to show under a specific field.

Hamed Navvabian · Accepted Answer · 2019-09-07 07:41:19Z

1

Formik has an onSubmit function that you can check values and see if there is a filled input and show error based on that and prevent user to submit an empty form

and of course in Formik render section you have access to values property and you can show an error if values are empty. but I guess it doesn't have the best user experience

<Formik
      onSubmit={(values) => {
         //here you can read values object and set your custom error in state and then show to the users.
      }}
    >
{({ handleChange, errors, values, isSubmitting, handleSubmit }) => (
        <Form>
          // you have access values here too.
          ...
        </Form>

answered Sep 7, 2019 at 7:41

Hamed Navvabian

8028 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

formik validation on multiple fields

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