Ошибка: TypeError: forms is null?

Question

[Alex_87]

Здравствуйте! При клике на "Оставить заявку" возникает ошибка - TypeError: forms is null Я очень вас прошу помочь, поскольку уже очень много времени не могу проблему с отправкой формой посредством ajax запроса. Но почему то не работает код для модального окна (Именно из-за ошибки: TypeError: forms is null) Привожу код: https://yadi.sk/d/LXTehDyH3NXMRL

Comments

[Kovalsky]

var forms = document.querySelector('.pop');

Захожу на MDN, читаю: "[querySelector] Returns null if no matches are found; otherwise, it returns the first matching element." Вывод - элементов с классом pop не существует в текущем документе, в этом можно убедиться посмотрев на index.php.

Пожалуйста, проверяйте код перед тем как просить помощи на форуме.

[Егор Живагин]

Товарищ, пожалуйста, или ссылку на сайт, или код в песочницу типо codepen или jsfiddle . А то никто не будет его себе скачивать же )

[Alex_87]

Никита Полевой, дело не в том, что я не проверял. Я же писал, что уже долго пытаюсь разобраться. Дело в том, что я не подключил нужный файл. Сейчас я сброшу новый рабочий код, и я надеюсь, что вы сможете подсказать почему не работает ajax запрос

[Alex_87]

Егор Живагин, Товарищ, я бы с радостью это сделал. Вы думаете, тот путь, что я выбрал, быстрее? Просто там есть и внешние файлы, которые я не могу подключить в jfiddle... Я очень надеюсь, что вы всё же посмотрите мой код.

[Alex_87]

Никита Полевой, я исправил код и вновь выношу его в вопросе. Модальное окно появилось, но ajax запрос не работает! Может дело в этой ошибки?

[Kovalsky]

Alex_87, "Товарищ, я бы с радостью это сделал. Вы думаете, тот путь, что я выбрал, быстрее? Просто там есть и внешние файлы, которые я не могу подключить в jfiddle" - на тостере в поле редактирования текста есть жирный кружок, он именно для таких случаев.



Вам не кажется, что склеивать два документа в один, да к тому же еще подключать в них одни и те же ресурсы, и надеяться, что всё это будет работать, как минимум странно? Решение - не склеивайте документы, и всё у вас будет работать.

[Alex_87]

Никита Полевой, Так у меня это ошибка TypeError: forms is null в результате склейвания и ушла)))) Я вас очень прошу!!! Помогите с кодом!

[Kovalsky]

Alex_87, код я уже давно скачал, посмотрел. Простите, но я никак не могу вам помочь при такой структуре документа, к тому же я уверен в разных браузерах это будет работать по-разному. Это просто неправильная структура и работает страница только потому, что браузер предпринимает попытку исправить ошибки.

Делайте проще - в файле index.php отдавайте единый документ, а в файле mail.php (например) сделайте только отправку письма, всё.

[Alex_87]

Никита Полевой, Хорошо, сейчас исправлю и пришлю... Удалите ту версию

[Alex_87]

Никита Полевой, Новая ссылка: https://yadi.sk/d/LXTehDyH3NXMRL

[Kovalsky]

Alex_87, незачем файл формы теперь инклюдить в документ, этот файл нужен только как серверный обработчик.

И что, эта версия у вас не работает?

[Alex_87]

Никита Полевой, не работает... происходит перезагрузка страницы, а этого быть не должно! Я для этого ajax запрос и применяю здесь. В чём может быть причина?

[Kovalsky]

Alex_87, по каким-то причинам preventDefault не работает. Занимайтесь дебагом, выясняйте какая часть кода выполняется, какая не выполняется. Вообще лучше используйте одно событие, незачем использовать одновременно и onload, и $( document ).ready