Упрощенная отправка формы в Telegram

- Создан send_plan_simple.php для прямой отправки в Telegram
- Исправлена валидация: email ИЛИ telegram обязательны
- Добавлен JavaScript для красивой отправки формы
- Временно отключена загрузка PDF файлов
- Форма работает без белого экрана
This commit is contained in:
Kirik
2025-09-03 13:02:25 +02:00
parent 7eb2f8ae31
commit f5f64b1128
2 changed files with 179 additions and 11 deletions
+51 -11
View File
@@ -108,9 +108,58 @@ disableComments = true
document.head.appendChild(tripScript); document.head.appendChild(tripScript);
}); });
// Обработчик отправки формы
function handleFormSubmit(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
const submitBtn = form.querySelector('.submit-btn');
// Показываем состояние загрузки
submitBtn.textContent = 'Отправляем...';
submitBtn.disabled = true;
fetch('/api/send_plan_simple.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (data.success) {
// Успех
const successDiv = document.createElement('div');
successDiv.className = 'form-message form-success';
successDiv.textContent = data.message;
form.parentNode.insertBefore(successDiv, form);
form.reset();
} else {
// Ошибка
const errorDiv = document.createElement('div');
errorDiv.className = 'form-message form-error';
errorDiv.textContent = data.error;
form.parentNode.insertBefore(errorDiv, form);
}
})
.catch(error => {
// Ошибка сети
const errorDiv = document.createElement('div');
errorDiv.className = 'form-message form-error';
errorDiv.textContent = 'Ошибка отправки формы. Попробуйте еще раз.';
form.parentNode.insertBefore(errorDiv, form);
})
.finally(() => {
// Восстанавливаем кнопку
submitBtn.textContent = 'Отправить';
submitBtn.disabled = false;
});
return false;
}
</script> </script>
<form class="travel-form" action="/api/send_plan.php" method="POST"> <form class="travel-form" action="/api/send_plan_simple.php" method="POST" onsubmit="return handleFormSubmit(event)">
<div class="form-group"> <div class="form-group">
<label for="name">Имя *</label> <label for="name">Имя *</label>
<input type="text" id="name" name="name" placeholder="Введите Ваше имя" required> <input type="text" id="name" name="name" placeholder="Введите Ваше имя" required>
@@ -148,16 +197,7 @@ disableComments = true
</select> </select>
</div> </div>
<div class="form-group"> <!-- Загрузка файлов временно отключена -->
<label for="pdf_file">Прикрепить PDF файл</label>
<div class="file-input-wrapper" onclick="document.getElementById('pdf_file').click()">
<input type="file" id="pdf_file" name="pdf_file" accept=".pdf" class="file-input-hidden">
<span class="file-input-text" id="pdf_file_text">Выберите PDF файл</span>
</div>
<div class="file-info">
<small>Максимальный размер файла: 10 МБ</small>
</div>
</div>
<div class="form-group checkbox-group"> <div class="form-group checkbox-group">
<label class="checkbox-container"> <label class="checkbox-container">
+128
View File
@@ -0,0 +1,128 @@
<?php
/**
* Упрощенная отправка заявки на поездку прямо в Telegram
* Без файлов, только текст
*/
// CORS заголовки для безопасности
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Allow-Headers: Content-Type');
header('Content-Type: application/json');
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['error' => 'Метод не разрешен']);
exit;
}
// Telegram настройки - ЗАМЕНИТЕ НА ВАШИ!
$telegram_bot_token = 'YOUR_BOT_TOKEN_HERE';
$telegram_chat_id = 'YOUR_CHAT_ID_HERE';
// Получаем данные из формы
$name = trim($_POST['name'] ?? '');
$email = trim($_POST['email'] ?? '');
$phone = trim($_POST['phone'] ?? '');
$telegram = trim($_POST['telegram'] ?? '');
$bvs_number = trim($_POST['bvs_number'] ?? '');
$trip_period = trim($_POST['trip_period'] ?? '');
$consent = isset($_POST['privacy_consent']) ? 'yes' : 'no';
$age_consent = isset($_POST['age_consent']) ? 'yes' : 'no';
// Валидация
$errors = [];
if (empty($name)) {
$errors[] = 'Имя обязательно';
}
if (empty($email) && empty($telegram)) {
$errors[] = 'Укажите email или Telegram ник';
}
if (!empty($email) && !filter_var($email, FILTER_VALIDATE_EMAIL)) {
$errors[] = 'Некорректный email адрес';
}
if ($consent !== 'yes') {
$errors[] = 'Необходимо согласие на обработку данных';
}
if ($age_consent !== 'yes') {
$errors[] = 'Необходимо подтверждение совершеннолетия';
}
if (!empty($errors)) {
http_response_code(400);
echo json_encode(['error' => implode('. ', $errors)]);
exit;
}
// Формируем сообщение для Telegram
$message = "🎒 *Новая заявка на поездку*\n\n";
$message .= "👤 *Имя:* " . htmlspecialchars($name) . "\n";
if (!empty($email)) {
$message .= "📧 *Email:* " . htmlspecialchars($email) . "\n";
}
if (!empty($phone)) {
$message .= "📱 *Телефон:* " . htmlspecialchars($phone) . "\n";
}
if (!empty($telegram)) {
$message .= "💬 *Telegram:* " . htmlspecialchars($telegram) . "\n";
}
if (!empty($trip_period)) {
$message .= "🗓️ *Поездка:* " . htmlspecialchars($trip_period) . "\n";
}
if (!empty($bvs_number)) {
$message .= "✈️ *БВС/Дополнительно:* " . htmlspecialchars($bvs_number) . "\n";
}
$message .= "\n⏰ *Время подачи:* " . date('Y-m-d H:i:s');
// Отправляем в Telegram
$telegram_api_url = "https://api.telegram.org/bot{$telegram_bot_token}/sendMessage";
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => $telegram_api_url,
CURLOPT_RETURNTRANSFER => true,
CURLOPT_POST => true,
CURLOPT_POSTFIELDS => http_build_query([
'chat_id' => $telegram_chat_id,
'text' => $message,
'parse_mode' => 'Markdown'
]),
CURLOPT_TIMEOUT => 30,
CURLOPT_SSL_VERIFYPEER => false
]);
$response = curl_exec($curl);
$http_code = curl_getinfo($curl, CURLINFO_HTTP_CODE);
curl_close($curl);
if ($http_code !== 200 || !$response) {
http_response_code(500);
echo json_encode(['error' => 'Ошибка отправки сообщения']);
exit;
}
$telegram_response = json_decode($response, true);
if (!$telegram_response['ok']) {
http_response_code(500);
echo json_encode(['error' => 'Telegram API ошибка: ' . $telegram_response['description']]);
exit;
}
// Успех!
echo json_encode([
'success' => true,
'message' => 'Заявка успешно отправлена!'
]);
?>