Trigger js form validation when the 'next' button is clicked

[Faryshta]

a way I found to do it would be

$('.tab-button').click(function () {
  $(this).parent('.tab-content')
    .find('.form-group').
    .trigger('blur.yiiActiveForm');
});

But I can't get a return to know if there is any invalid field and it feels hacky

[PrplHaz4]

The solution I came up with was to look for .has-error classes - which is, obviously, additionally hacky...

[Faryshta]

@Chofoteddy what do you think?

[cyanoboy]

I solved the problem intercepting validation event afterValidateAttribute. I check if the number of non-errors is equal to the number of fields I'm validating. In that case I can go to the next wizard step. Here is the description http://www.devbattles.com/en/discussion/view-943-Yii2,+how+to+run+a+validation+form+manually+and+get+a+result+#.VaDwGfntlBf

[Faryshta]

@cyanoboy can you make a PR?