0 / 0 / 1
Регистрация: 30.10.2016
Сообщений: 23
|
|
|
1
|
Отправка формы. формы бутстрапа. открытие второй формы после отправки первой
13.07.2021, 14:26. Показов 1189. Ответов 1
| HTML5 | 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
31
32
33
| <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#mainModal">
главная форма
</button>
<div class="modal fade" id="mainModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<form method="POST" id="mainForm" class="modal-content">
<h5 class="modal-title">Оставьте заявку сейчас</h5>
<h6>Мы свяжемся с Вами в течении 15 минут</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<input type="text" name="mainFormName" class="" placeholder="Ваше имя">
<input type="text" name="mainFormTel" class="" placeholder="Ваш номер телефона">
<button type="submit" class="btn btn-submit" data-bs-target="#goodModal" data-bs-toggle="modal" data-bs-dismiss="modal">Оставить заявку</button>
</div>
</form>
</div>
</div>
<div class="modal fade" id="goodModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<h5 class="modal-title">Ваша заявка принята</h5>
<h6>В течение 15 минут ваш заказ будет обработан:
вам будут высланы все данные, необходимые для
оплаты услуг и начала работы с ними, либо с вами
свяжется наш сотрудник и уточнит детали заказа.</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
</div> |
|
| Javascript | 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
31
32
33
34
35
36
37
| $('.btn-submit').on('click', function(){
$('#mainForm').submit();
});
(function ($) {
$("#mainForm").submit(function (event) {
event.preventDefault();
// Сохраняем в переменную form id текущей формы, на которой сработало событие submit
let form = $('#' + $(this).attr('id'))[0];
// Сохраняем в переменную класс с параграфом для вывода сообщений
let message = $(this).find("h6");
let fd = new FormData(form);
$.ajax({
url: "send.php",
type: "POST",
data: fd,
processData: false,
contentType: false,
success: function success(res) {
let respond = $.parseJSON(res);
if (respond.err) {
message.html(respond.err).css('color','#f4c774');
//setTimeout(()=> {
//message.text('');
//}, 300000);
} else if(respond.okSend) {
//message.html(respond.okSend).css('color','#f4c774');
//setTimeout(()=> {
//message.text('');
// }, 300000);
} else {
//alert ('Необработанная ошибка. Проверьте консоль и устраните.');
}
},
});
});
}(jQuery)); |
|
| 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
| $msgs = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$token = "";
$chat_id = "";
if (!empty($_POST['mainFormName']) && !empty($_POST['mainFormTel'])){
$bot_url = "https://api.telegram.org/bot{$token}/";
$urlForPhoto = $bot_url . "sendPhoto?chat_id=" . $chat_id;
if (isset($_POST['mainFormName'])) {
if (!empty($_POST['mainFormName'])){
$name = "Имя: " . strip_tags($_POST['mainFormName']) . "%0A";
}
}
if (isset($_POST['mainFormTel'])) {
if (!empty($_POST['mainFormTel'])){
$phone = "Телефон: " . strip_tags($_POST['mainFormTel']) . "%0A";
}
}
// Формируем текст сообщения
$txt = $name . $phone;
$sendTextToTelegram = file_get_contents("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}");
if ($output && $sendTextToTelegram) {
$msgs['okSend'] = 'Спасибо за вашу заявку!';
echo json_encode($msgs);
} elseif ($sendTextToTelegram) {
$msgs['okSend'] = 'Спасибо за вашу заявку!';
echo json_encode($msgs);
return true;
} else {
$msgs['err'] = 'Ошибка. Сообщение не отправлено!';
echo json_encode($msgs);
die('Ошибка. Сообщение не отправлено!');
}
} else {
$msgs['err'] = 'Ошибка. Вы заполнили не все обязательные поля!';
echo json_encode($msgs);;
}
} else {
header ("Location: /");
} |
|
формы работают на бутсрапе. я так и не понял как их скрывать и открывать через js. сделал кривое открытие второй формы после нажатия на кнопку отправить у первой. а мне нужно написать условие на проверку пустых полей и открывать вторую форму если данные ушли на телеграм(сейчас открытие идёт после нажатия на кнопку)!
0
|
(
Сообщение было отмечено aNfain как решение
Сообщение от aNfain
