Formik with Yup is not validating onBlur and onChange

[prajavk]

🐛 Bug report

My form using yup and is not validating onBlur and onChange on . It validates only onSubmit. How to solve this?

Current Behavior

yup validation not triggered onchange of when I submit an invalid form (and the validation errors start showing), then onChange validations start working. As I press a key, the validation takes place immediately. So I must be missing something in this fiddle example.

Expected behavior

Form should show errors messages onBlur of

Reproducible with this example

Here I added 3 fields - name {html input}, email { Field component with custom handler} , password { component handles change event using props }

https://codesandbox.io/s/formik-with-yup-bbgbz

Suggested solution(s)

Please allow validateOnBlur or ValidateOnChange for

Additional context

I saw this closed issue, https://github.com/jaredpalmer/formik/issues/1442 Want to know, how to deal this business use case.

Your environment

Software	Version(s)
Formik	1.5.4
React	16.8.6
TypeScript
Browser
npm/Yarn	10.15.0
Operating System	windows 7

[bricejar]

Hi,

The codesanbox link is broken.

[prajavk]

Sorry, I corrected it https://codesandbox.io/s/formik-with-yup-bbgbz

[joeshub]

I'm pretty sure you have to add the onBlur listener to your fields. For example

onBlur={formProps.handleBlur}