Всем доброго дня.
Не судите строго - только начинаю изучать разработку.
Есть несколько страниц с формами - есть кнопка "Далее" для перехода между страницами.
Задача сделать так чтобы без заполнения форм переход по кнопке "Далее" был невозможен.
1) Для валидации использовал jquery validation - здесь все хорошо.
2) Как мне привязать на кнопку пока не прошла валидация не перехода на след страницу?
3) Логически это выглядит так:
--- находим элемент(Далее)
--- Вешаем на него обработчик события click
--- Затем условие if (форма прошла валидацию - ОК) {активируем кнопку и переход на след стр}
--- else (форма не прошла валидацию - ERROR) { нет перехода на след стр}
Но практически реализовать пока сложно для меня:
Загвоздка в двух вещах:
1) Что я незнаю как проверить в условии - прошла ли форма валидацию или нет?
2) Как Сделать чтобы кнопка Далее была в двух состояниях когда форма не прошла валидацию при клике на кнопке она показывала что поля не заполнены, и соотвественно когда форма прошла валидацию она работала как ссылка и был переход на след страницу с формой.
проект 
