Как валидировать форму по шагам?
 

Здравствуйте! Есть форма с шагами (выбор напитка, выбор еды и отправка, где выбор напитка, выбор еды - это radio button с атрибутом required). Собственно вопрос вот в чём - сейчас валидация у меня работает только при отправке формы. Как реализовать проверку полей формы на каждом клике по кнопке Next? Дальше мыслей, чем навесить на js-next событие клика пока нет. Что можно сделать в данной форме, чтобы прийти к желаемому результату? Пожалуйста, помогите.

Пример кода: https://codepen.io/malinosky/pen/bGbMPWd

Например повесить обработчик click на эту кнопку или кнопки... В том обработчике проверять поля...