Hi,
In multi-step sign up, using Vue, the error messages under the required fields appear without the user even making a mistake or trying to step forward.
This behavior only happens in the wizard (multi step), and in the other forms we can control this visibility.
I'm trying to adjust this behavior. How do I hide these error messages until the user makes a mistake?
Thanks,
Mateus
PS. You can check in: https://preview.keenthemes.com/metronic8/vue/demo6/?_ga=2.216620246.1771919593.1657711031-268211079.1657711031#/multi-step-sign-up
The "Account Name is a required field" appears without any mistake.
Thank you!
Hi Mateus,
Sorry for the delay with reply.
It is an error, inside handleStep function before all logic you need to call resetForm function as shown below.
const handleStep = handleSubmit((values) => {
resetForm({
values: {
...formData.value,
},
});
....
}