I have a large form split into a Bootstrap tab control with “Next” buttons which move the tabs. The problem I have is that if there is a validation error on the first tab when the user tries to submit, they can’t see the error, it just looks like the page has not submitted.
I either want to detect the errors and change the tab in Javascript or otherwise make the “Next” button only validate the fields on that tab and only navigate if there are no errors. I can validate specific fields from Javascript using $(’#contact-form’).yiiActiveForm(‘validateAttribute’, ‘contactform-name’); but I don’t know how to detect whether the validation was successful or not. The afterValidate event does not fire when validating specific fields and the afterValidateAttribute fires multiple times so cannot be used to detect errors.
Does anyone know a workaround?
Thanks