Form validation in Stepped Container

heyyy there I've faced this same issue
I fixed it by using a combination of the above solutions
just run this script when the user clicks the next button
this will guarantee that you won't move to the next tab unless the form is valid

additionally you can:

  • disable next button using the form.invalid
  • add notification for users to know why the next button didn't work

const isValid =  await create_talent_form.validate();
if(isValid) steppedContainer1.showNextVisibleView()
2 Likes