Как сделать отправку по формы по клику submit с проверкой введенных данных?

Question

[chameleonestest]

Здравствуйте.
Имеется модальное окно, структура которого по логике не должна меняться, в этом окне идет заполнение формы и по клику submit отправка её.

Но вот загвоздка, при клике на submit ничего не происходит (не указывается на отсутсвие заполнения формы и не отправляется вообще). Всё перепробовал, помогает лишь удаление какого-либо из div (к примеру, overlay), но тогда вся вымученная разметка теряется (на codepen не финальная разметка, а чисто демонстрация проблемы).

Пожалуйста, помогите найти какое-нибудь изысканное решение сей проблемы.
Большое спасибо!

Ссылка на проблему:
https://codepen.io/chameleonestest/pen/jOPGJJE

Answer 1

[Арсений Матыцин]

В глаза долблюсь, с первого раза эту жесть в тегах не заметил. Если кратко, то открытие и закрытие формы происходит в разных уровнях, что в свою очередь обычно ведет к самозакрытию. Т.е. кнопка, которая вызывает событие находится уже вне самой формы при рендеринге. Я не перелопачивал код и не буду, но инфа сотка, так оно и есть.

ЗЫ: Оно вообще работать не должно, сжечь я бы рекомендовал. И верстать научится.
ЗЫЫ: Без обид, держи валидатор.

Comments

[chameleonestest]

Спасибо за наводку!
В верстке я сейчас только сказал первое "мама", сделал первый шаг, не судите строго)))

[Арсений Матыцин]

chameleonestest, не сужу, все так начинали)