Всплывающее окно после отправки формы

@Kapux · Регистрация: 29.03.2015

Студворк — интернет-сервис помощи студентам

Доброго времени суток, форумчане!

Речь пойдет о сайте.

Как после отправки формы (клика по кнопке "Отправить"), не уводить посетителя в файл обработки данных (в моем случае это "mail.php"), а вывести всплывающее окно с текстом (Ваша заявка принята и тд.). Буду очень благодарен за помощь.

PS: Перепробовал, все находящиеся на сайте варианты, не 1 не подошел.

Форма:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form method="post" action="mail.php">
<div class="row 50%">
<div class="6u"><input type="text" name="name" required placeholder="Имя" /></div>
<div class="6u"><input type="tel" name="tel" required placeholder="Телефон" /></div>
</div>
<div class="row 50%">
<div class="12u"><textarea name="message" required placeholder="Сообщение?" rows="6"></textarea></div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Отправить" /></li>
</ul>
</div>
</div>
</form>

Файл обработки - mail.php:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Обратная связь</title>
</head>
<body>
<?php
if (isset($_POST['name'])) {$name = $_POST['name'];}
if (isset($_POST['email'])) {$email = $_POST['email'];}
if (isset($_POST['mess'])) {$mess = $_POST['mess'];}
 
$to = "***@***.ru";
$headers = "Content-type: text/plain; charset = utf-8";
$subject = "Сообщение с вашего сайта";
$message = "Имя пославшего: $name \nЭлектронный адрес: $email \nСообщение: $mess";
$send = mail ($to, $subject, $message, $headers);
if ($send == 'true')
 
{
echo "<b>Спасибо за отправку вашего сообщения!<p>";
echo "<a href=index.html>Нажмите,</a> чтобы вернуться на главную страницу";
}
else 
{
echo "<p><b>Ошибка. Сообщение не отправлено!";
}
?>
</body>
</html>

@PCGeek · 31.03.2015, 16:06

Сообщение от Kapux

Нет, просто я начинающий)
Смотрите что получается:
Алерт с кнопочкой окей всплывает сразу при заходе на сайт, а за ним сразу же идет алерт об ошибке, после отправки они то же оба всплывают, но сообщение так и не уходит. Собственно результат

Это потому что у вас сейчас php код не исполняется на странице. Тут либо попробовать переименовать ваш index.html в index.php. Либо настраивать веб-сервер на исполнение в html файлах, что в вашем случае наверное предпочтительней. В файле .htaccess(если такого нет, то нужно создать в корне сайта) добавить строку:

Code
1
AddType application/x-httpd-php .html

@Kapux · 31.03.2015, 16:31 **[ТС]**

Мы на верном пути!
Создание .htaccess не помогло, изменил расширение на *php и пропали всплывающие окна при входе. Изменил название переменных - tel, mess и все!
Все заработало! Огромное, Вам, человеческое спасибо!

Добавлено через 10 минут
Простите, можно я еще раз вас спрошу:
По средствам атрибута "required" я сделал обязательным поля, в браузерах это работает, а в safari (ios) позволяет отправлять пустую форму, можно это как то поправить?

@PCGeek · 31.03.2015, 16:38

Сообщение от Kapux

Мы на верном пути!
Простите, можно я еще раз вас спрошу:
По средствам атрибута "required" я сделал обязательным поля, в браузерах это работает, а в safari (ios) позволяет отправлять пустую форму, можно это как то поправить?

Safari не поддерживает. Тут только на js что-нибудь городить.

@Kapux · 31.03.2015, 16:49 **[ТС]**

Сообщение от PCGeek

Safari не поддерживает. Тут только на js что-нибудь городить.

Лучше оставлю как есть, в любом случае, еще раз спасибо за помощь!

Новые блоги и статьи Все статьи Все блоги /
Nekobox - outbounds[0].transport: unknown transport type: raw damix 01.10.2026 Фикс ошибки Правым кликом по серверу -> отладочная информация -> edit Заменить "net": "raw", на "net": "tcp", Нажать кнопку reload.	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .
Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .

@Kapux 0 / 0 / 0 Регистрация: 29.03.2015 Сообщений: 12
	31.03.2015, 16:31 [ТС]
	Мы на верном пути! Создание .htaccess не помогло, изменил расширение на php и пропали всплывающие окна при входе. Изменил название переменных - tel, mess и все! Все заработало! Огромное, Вам, человеческое спасибо! Добавлено через 10 минут* Простите, можно я еще раз вас спрошу: По средствам атрибута "required" я сделал обязательным поля, в браузерах это работает, а в safari (ios) позволяет отправлять пустую форму, можно это как то поправить? 0

Всплывающее окно после отправки формы

Решение