@GriiOne

Почему не работает форма в модальном окне?

На сайте 2 формы + много форм в модальных окнах на втором экране. Формы которые на сайте работают как нужно, а в модальных окнах кнопка отправки вообще никак не реагирует.
Помогите понять, почему так происходит?

Формы используют один обработчик js:
$(document).ready(function () {
$("form").bind("submit", function () {
    // Получение ID формы
    var formID = $(this).attr('id');
    // Добавление решётки к имени ID
    var formNm = $('#' + formID);
    $.ajax({
        type: "POST",
        url: 'mail.php',
        data: formNm.serialize(),
        success: function (data) {

            $(formNm).html(data);
        },
        error: function (jqXHR, text, error) {
            // Вывод текста ошибки отправки
            $(formNm).html(error);         
        }
    });
    return false;
});

Пример кода в модалке (все id разные):
<form method="POST" id="form_modal5">
    <input type="text" name="t-number"  placeholder="Ваш телефон" required />
    <input type="submit" placeholder="Получить консультацию" />
    </form>
  • Вопрос задан
  • 186 просмотров
Пригласить эксперта
Ответы на вопрос 1
@tyzberd
потому что модалка генерируется и в нее копируется форма.
Пробуйте
$(document).on("submit", "form", function () {

});

https://learn.javascript.ru/event-delegation
api.jquery.com/on/#direct-and-delegated-events
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
26 нояб. 2024, в 10:21
1200 руб./в час
26 нояб. 2024, в 10:14
50000 руб./за проект
26 нояб. 2024, в 10:09
40000 руб./за проект