Wizard Form Submitting Validation

[mertkahramanturk]

I have a wizard form, I want to submit a validation check and if there is a missing value in the form, I want to direct the user to that page number and show it. Can you help?

[erikras]

You'll probably have to maintain a data structure of which fields are on which pages, so you can grab Object.keys(errors)[0] and figure out what page that field is on.

[mertkahramanturk]

I solved. I added : if (!values.personal_name) { let personalNameValidation = new Promise(function (resolve) { setTimeout(function () { resolve({ personal_name: required() }); }, 100); // should be same field name }); this.setState(() => ({ page: 0 })) return personalNameValidation
to form submit function and added {(meta.error || meta.submitError) && meta.touched && ( <span className="form-control-error-label">{meta.error || meta.submitError}</span> )} to my renderField.

Thank you for your interest