Форма из нескольких шагов. Как реализовать такое?

Question

[z_u_l]

Здравствуйте. Есть пошаговая форма с различными напитками на каждом шаге. Eсли кликнуть по кнопке "Далее" - будет осуществлен переход на следующий шаг, даже если не выбраны напитки. Собственно вопрос, как реализовать валидацию выбора напитков? Т.e. если кликнуть на какой-то напиток - должен осуществляться переход на следующий шаг, если не выбрали напиток, а просто нажали на кнопку "Далее" - должна появится ошибка (выберите напиток)

Заранее огромное спасибо!!!

Ссылка на пример

Answer 1

[xmoonlight]

Уберите кнопку "Далее".
Посмотрите, как сверстать изображения как radio's и chekbox's.

Comments

[z_u_l]

Спасибо, что натолкнули

Answer 2

[Антон Шаманов]

https://www.sitepoint.com/jquery-form-wizard-plugins/ выбирай любой

Comments

[z_u_l]

Так то да, но мне непонятно, как осущетвлять переход к следующему шагу при клике по напитку, в этих примерах просто инпуты.

[Антон Шаманов]

z_u_l, вначале HTML изучи, а потом уже за Jquery берить :(
<input type="image" src="...">
или
<button><img src="..."></button>