Форма не работает кнопка отправить

Кнопка «Отправить» не работает

у меня есть форма с . В chrome submit ничего не делает. На вкладке «Сеть» в инструментах разработчика я ничего не вижу. Нет ошибок в инструментах разработчика. Между тем, если я сохраняю страницу и открываю сохраненную страницу, то после нажатия кнопки «Отправить» я вижу, что что-то появляется на вкладке «Сеть». Это происходит в chrome и firefox. Это работает так, как ожидалось в IE.

есть ли у кого-нибудь задним числом, на что я должен смотреть?

EDIT: мне не нужен прямой ответ, я нужно только знать, куда смотреть. Если кто-то опубликует направление, и это поможет мне решить мою проблему, я приму его как правильный ответ.

EDIT2: структура страницы выглядит так:

EDIT3: мы нашли реальную проблему, это было то, что на странице была ссылка, содержащая href=»#» и после нажатия на эту ссылку submit перестала работать, потому что # был добавлен в конец URL и потому что action из формы было пусто, поэтому он взял URI из текущий URI, который содержит # на, Поэтому вместо отправки, браузер прыгнул на текущую страницу.

6 ответов

Если вы не используете javascript / jquery для проверки формы, то простой макет для вашей формы будет выглядеть так.

в теле вашего html-документа:

вам нужно убедиться, что у вас есть кнопка отправки в тегах формы и назначено соответствующее действие. Например, отправка в файл php.

для более прямого ответа укажите код, с которым вы работаете.

вы используете HTML5? Если да, проверьте, есть ли у вас в вашей форме со свойством required . Удалить required собственность. Internet Explorer не будет принимать это свойство, поэтому он работает, но Chrome будет.

Проверьте, используете ли вы какую-либо проверку jQuery / javascript на странице, и попробуйте отключить ее и посмотреть, что произойдет. Вы можете использовать инструменты разработчика Вашего браузера, чтобы увидеть, загружается ли какой-либо файл javascript с проверкой или проверкой. Вы также можете искать скрытые элементы формы (т. е. стиль, установленный для отображения: нет; или что-то в этом роде) и убедитесь, что нет скрытой ошибки проверки на тех, которые не отображаются.

я столкнулся с этой проблемой сегодня, и проблема заключалась в том, что я предотвращал действие по умолчанию события в документе onclick:

документ onclick обычно используется для делегирования событий, но неправильно предотвращать значение по умолчанию для каждого события, вы должны делать это только для необходимых элементов:

я столкнулся с этим на HTML-коде друга, и в его случае ему не хватало кавычек.

в этом примере отсутствующая цитата на входном тексте fname просто сделает кнопку отправки непригодной для использования, и форма не будет отправлена.

конечно, это плохой пример, потому что я должен использовать CSS в первую очередь 😉 но в любом случае, проверьте все ваши одинарные и двойные кавычки, чтобы увидеть, что они закрываются правильно.

также, если у вас есть такие теги, как center, переместите их из формы.

Как ни странно это может показаться, это может иметь последствия.

привет из будущего.

для ясности я просто хотел добавить (так как это было довольно высоко в google) — теперь мы можем использовать

и сбросить форму

мы также можем прикрепить кнопки для отправки формы, как этой:

Источник

Не работает отправка по кнопке. Что делать?

Всё никак не получается отправить данные в БД. Кто подскажет, что делать? Пытался и в форме делать и в инпуте, не выходит.

• Вопрос задан 28 мая
• 122 просмотра

Простой 32 комментария

И два раза одно и тоже условие писать не надо!

Лучше запишите так

asdasa21,
И включите вывод ошибок php и mysqli на экран

bastiang19, здесь я использую расчёты. Входные значения, пример:

Выходные значения, пример:

Так стоп. Вы определитесь, что у вас в коде.

Это ставите в качестве кнопки отправки формы

Все остальные инпуты оборачиваете в форму(и кнопку отправки тоже)

Всё должно работать. В форме должны быть все те данные, что вы принимаете в php

Мне получается кнопку нужно в ту же форму закинуть, где и вводятся данные?

Да, и заменить на

asdasa21,
Покажите итоговый код формы

И включите вывод ошибок php и mysqli на экран

Источник

ТОП 10 причин, почему не отправляются данные из формы обратной связи

Привет, друзья. Сегодня хотел бы сделать небольшую статью/памятку для тех кто испытывает проблемы с отправкой формы обратной связи. Дело в том, что я часто получаю письма и сообщения в социальных сетях, связанные с тем, что у вас по какой-то причине не доходят письма отправленные из форм обратной связи, поэтому я решил составить некий FAQ, в котором опишу ТОП самых популярных причин, по которым данные могут не приходить на почту.

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

1. Забывают поменять адреса в демке

Начну с банальности, но если бы вы знали сколько писем я получаю на почту с тестовыми сообщениями, то не стали бы критиковать меня за этот пункт. Дело в том, что по неопытности, в некоторых исходниках с формой обратной связи я, для примера, писал свои данные для отправки и получения почты. Из-за невнимательности, многие люди просто забывают поменять адреса на свои и потом пишут, что форма не работает. Тысячи писем в год приходит с абра кадаброй и наборами символов, которые все мы вбиваем, чтоб протестировать форму.

Хорошо, если человек не забыл указать хотя бы отправителя. В таком случае есть возможность написать ему лично и указать на ошибку, но в большинстве случаев обе почты указаны неверно. В последнее время я не поленился и поменял в некоторых демках адреса на выдуманные, но все равно проблема все еще актуальна. А люди же тестируют не по разу, а 5 — 10, а то и того больше. Вот буквально сегодня — 11 писем с 11 до 12 дня пришло.

Вывод: пожалуйста, будьте внимательны и прежде чем писать, что что-то не работает, убедитесь, что правильно задали параметр всех возможных настроек.

2. Используется слишком старая версия PHP

Друзья, все формы, которые я делаю, тестируются на последних версиях PHP, то есть выше 7.0. Раньше это была 5.6 и, некоторые исходники могут работать на этой версии, но я рекомендую именно 7 и выше. На старой версии что-то может не поддерживаться и из-за этого, иногда, возникают проблемы.

Вывод: убедиться, что работаете с современным стандартом PHP и, в случае если у вас старая версия, то переключиться на 7. Сделать это можно у вашего хостера. Обычно, достаточно просто выбрать более актуальную и все. Никаких проблем с переходом возникнуть не должно. У меня, на Beget это выглядит так:

3. Попытка отправить данные просто открыв файл с формой в браузере

Многие, по неопытности, думают, что можно скачать демку на компьютер, открыть с рабочего стола ее в браузере и данные придут на почту. Друзья, так не бывает. Мы для отправки формы используем PHP, а это серверный язык программирования. То есть для работы нужен сервер локальный, например, Openserver, или реальный (любой хостинг или выделенный сервер).

Вывод: тестировать форму на сервере (хостинге).

4. Не настроен локальный сервер

Многие из тех, кто тестирует форму на локальном хостинге думают, что при отправке данных из контактной формы обязательно должны прийти на почту. Но это не всегда так. В большинстве случаев, по умолчанию сервера настроены так, что при отправке содержимое сообщения складываются в определенной папке в виде текстового файла. В Openserver, например, при отправке письма данные улетают в папку «email» в виде txt-файлов, которая находится по пути «/userdata/tmp/email».

Но, есть возможность настроить отправку через SMTP. Подробнее о том, как это сделать написано в официальной документации.

Вывод: настроить сервер или искать сообщения в папке, в которую складывает письма ваш сервер.

5. Тестовый период хостинга или бесплатный вариант

При использовании бесплатного хостинга или при тестовом бесплатном периоде (как правило месячным или 14 дневным), которыми нас заманивают компании, нужно убедиться, что не отключена возможность отправлять письма. В 99% — она отключена и каждая уважающая себя компания, предоставляющая услуги хостинга, будет это делать, чтоб сократить распространения спама. Думаю, вы понимаете, о чем я. Поэтому, тестируйте на платном домене и хостинге, тогда все должно быть в порядке.

Вывод: тестировать форму на оплаченном домене и хостинге.

6. Хостер не позволяет отправлять письма с сайта на бесплатные почтовые ящики

Иногда хостеры, в рамках все той-же борьбы со спамом отключают (ограничивают) возможность отправки писем на бесплатные почтовые ящики. Тоже касается и отправителя. Отправить данные можно только на привязанные к домену адреса или с привязанных к домену адресов. Уточните у хостера эти моменты, если предыдущие советы не помогли.

Кроме того, загляните в справку от Reg.ru, даже если вы не пользуетесь этим сервисом. Особенно в раздел «Возможные проблемы». Советы приведенные там могут помочь вам, натолкнув на мысль, что еще стоит проверить или уточнить у своего хостера.

Вывод: поинтересуйтесь у хостера нет ли ограничений на отправку писем на/с не привязанных к домену адресов.

7. Ошибка в путях при подключении

Одна из банальных, но очень частых проблем у тех, кто пишет с претензией, что формы на блоге нерабочие — это ошибки в путях при подключении файлов. Откройте консоль (f12), изучите ошибки, которые там выводятся и попробуйте устранить.

Вывод: изучите консоль на предмет ошибок, прежде чем говорить, что форма не работает.

8. Блокировка входящей почты самим почтовым сервисом

Недавно общался с девочкой в комментариях по поводу того, что не доходят письма. Она проверила все, что только возможно, перечитала все комментарии, а проблема оказалась в самом почтовом сервисе, который она использовала. Точнее не проблема, а система безопасности.

Предлагаю ознакомиться с ее комментарием, в котором она описала ситуацию, с которой пришлось столкнуться. Огромное ей спасибо за то, что не осталась равнодушной и описала процедуру решения. Я с такой ситуацией не сталкивался, но для многих пользователей Gmail она достаточно типичная и ее комментарий может помочь многим из вас.

9. Не работает PHP на сервере

Да, и такое бывает. Мне периодически пишут люди, что у них не работает форма и когда я начинаю разбираться в проблеме и прошу их вывести на сайте:

То оказывается, что PHP-теги вообще не обрабатываются. Люди используют какой-нибудь самый дешевый тариф и оказывается, что на нем вообще не поддерживается PHP. Кроме того, некоторые забывают, что работать нужно в файле с расширением «.php», а не «.html».

Вывод: убедитесь в том, что PHP-теги обрабатываются должным образом.

10. Отправка писем заблокирована хостером

Случалось со мной и такое. Обратился человек помочь с настройкой формы. Я все сделал, но при тестировании оказалось, что ничего не работает. Тогда закинул к себе на сервер и решил протестировать там. Оказалось, что письма успешно доходят. Тогда проверил все то, о чем писал выше, но все оказалось в порядке. Решил писать в техподдержку. Вот ответ:

Оказалось, что раньше под этим доменом на хостинге болтался заброшенный сайт. Вроде как его взломали и рассылали спам, поэтому хостер решил его заблокировать. Как видите, уже 2 года была заблокирована возможность отправлять письма с данного ресурса.

Вывод: не стесняйтесь обращаться в техническую поддержку. Это может сэкономить вам много времени.

Вот такая заметка получилась. Надеюсь, она поможет вам найти проблему и понять почему ваша форма обратной связи не работает, а если вы сталкивались с еще какими-нибудь типичными проблемами, то напишите пожалуйста о них в комментариях. Этим вы поможете сотням людей и они будут вам благодарны.

• 
• 
• 
• 

Похожие публикации

12 комментариев

Неплохо, все проблемы, кроме вопроса безопасности гугла, уже по сути, встречались, но здесь всё собрано в одно — спасибо.

Алексей, да. В той или иной степени все это звучит периодически в комментариях, так как люди часто спрашивают, что могло пойти не так, поэтому и решил создать отдельную заметку с перечнем типичных проблем, с которыми чаще всего приходится сталкиваться.

Добрый день! А у меня беда «наоборот». Форма обратной связи работает, письма доходят, а вот адреса отправителя нет ( в форме это поле обязательно к заполнению). Если дадите совет, что сделать, буду очень признательна!

Здравствуйте. Вот такое поле, примерно, должны быть в обработчике формы:

Где ‘Адрес отправителя’ — почта, с которой приходят письма.

dimadv7, спасибо! только я совсем новичок. Скачала плагин Contact Form by BestWebSoft и установила шорт код на сайт.
где и как можно найти это поле? Заранее спасибо!

Я думал вы делаете самостоятельно, а вы wordpress используете. Это вам в настроках плагина нужно копаться. Тут я помочь не могу. Насколько я знаю, чтобы там все работало, как надо, нужно почту для домена использовать, в качестве отправителя. То есть почту вида ‘чтототам@домен.ру’. А в код плагина лезть не рекомендую.

Спасибо! А wordpress это плохо? Видите ли, я вообще темнота насчет сайтостроения. Вот и решила поизучать эту тему для собственного саморазвития. Во-первых, по работе нужно (есть проблемы с нашим разработчиком), во вторых мне самой это просто мегаинтересно. Кучу видеоуроков смотрела, вот и скачала плагин.

Нет, wordpress — это не плохо. Мой блог тоже на wordpress. Отличная CMS, прост я думал, что у вас есть исходник в котором вы пытаетесь разобраться, и, в большинстве случаев, поправить можно там. А у вас плагин, в который можно конечно вносить изменения, но там и так все ок. Просто нужно настроить его правильно. Укажите почту привязанную к домену и должно быть все ок. А вообще посмотрите в интернете подробнее про настройку плагина, наверняка ваша проблема уже освещалась и решена.

Здравствуйте!
Сделал по инструкции
const SENDER = ‘otpravitel@example’;
const CATCHER = ‘polucatel@example’;
Почта привязанную к домену.
Заявки не отправляются, кроме этого, я не вижу их в отправленных. Проверял варианты как с аутентификацией по SMTP так и без (раскомментировал строки настроил аутентификацию). Пробовал менять на последние версии phpmailer.php и smtp.php. Пробовал менять пути к phpmailer.php и smtp.php.
Почта настроена и работает, с другого сайта письма уходят, в т.ч. SMTP порт открыт, т.е. с аутентификацией я могу использовать smtp.gmail.com.
В общем ни как. Даже самому себе заявки с корзины не отправляются.

Дмитрий, ошибок в консоли нет, связанных с isRequired?

Добрый вечер!
Подскажите, в чем может быть проблема, если компьютера phpmailer работает, а с телефона (на Android) нt отправляет письма.
Заранее большое спасибо.
С уважением,
Александр

Первый раз о таком слышу. От устрйства это не должно зависеть. Возможно, с js проблема на андроид устройстве только, Но дело точно не в серере и не phpmailer, раз на ПК работает нормально.

Источник