// 1. ФУНКЦИЯ ИМИТАЦИИ ВВОДА ЖИВЫМ ЧЕЛОВЕКОМ (Обход защиты Тильды) function triggerTildaInput(inputElement, value) { if (!inputElement) return; inputElement.dispatchEvent(new Event('focus', { bubbles: true })); inputElement.value = value; inputElement.dispatchEvent(new Event('input', { bubbles: true })); inputElement.dispatchEvent(new Event('change', { bubbles: true })); inputElement.dispatchEvent(new Event('blur', { bubbles: true })); } // 2. ГЛАВНАЯ ФУНКЦИЯ ОТПРАВКИ С ЖЕСТКОЙ ВАЛИДАЦИЕЙ function submitCustomQuiz() { const selectedProblems = Array.from(document.querySelectorAll('.drive-quiz-step[data-step="1"] .drive-option-card.selected span')) .map(el => el.innerText).join(', '); const selectedStatusEl = document.querySelector('.drive-quiz-step[data-step="2"] .drive-status-card.selected h4'); const selectedStatus = selectedStatusEl ? selectedStatusEl.innerText : 'Не указано'; const carInfo = document.querySelector('.drive-quiz-step[data-step="3"] .drive-quiz-input-dark').value || 'Не указано'; const finalStep = document.querySelector('.drive-quiz-step[data-step="final"]'); const userName = finalStep.querySelector('input[placeholder="Ваше имя"]').value; // Получаем сам элемент поля телефона и его значение const phoneInput = finalStep.querySelector('input[type="tel"]'); const userPhone = phoneInput.value.trim(); const userComment = finalStep.querySelector('textarea').value; const privacyCheckbox = finalStep.querySelector('.drive-privacy input[type="checkbox"]'); // --- НАЧАЛО БЛОКА ВАЛИДАЦИИ --- // Сбрасываем стили ошибки перед новой проверкой phoneInput.style.outline = "none"; phoneInput.style.border = "none"; // Строгая проверка: телефон должен быть заполнен (хотя бы от 7 символов с учетом скобок/плюсов) if (!userPhone || userPhone.length < 7) { phoneInput.style.outline = "2px solid #E6244C"; // Подсвечиваем красным цветом phoneInput.focus(); // Ставим курсор в поле alert('Пожалуйста, введите номер телефона. Это обязательное поле.'); // Убираем красную рамку, как только человек начал вводить текст phoneInput.addEventListener('input', function() { this.style.outline = "none"; }, { once: true }); return; // Останавливаем отправку } if (privacyCheckbox && !privacyCheckbox.checked) { alert('Для продолжения необходимо согласиться с политикой конфиденциальности'); return; } // --- КОНЕЦ БЛОКА ВАЛИДАЦИИ --- const privacyStatus = (privacyCheckbox && privacyCheckbox.checked) ? '✅ Да' : '❌ Нет'; const compiledComment = ` 🛠 ЗАЯВКА НА ОНЛАЙН-ДИАГНОСТИКУ: 1️⃣ Проблема: ${selectedProblems || 'Не выбрано'} 2️⃣ Состояние авто: ${selectedStatus} 3️⃣ Автомобиль: ${carInfo} 💬 Комментарий клиента: ${userComment || 'Нет комментария'} 🔒 Согласие с политикой ПД: ${privacyStatus} `.trim(); const tildaForm = document.querySelector('.uc-hidden-tilda-form'); if (!tildaForm) { console.error('Ошибка: Скрытая форма Тильды (донор) не найдена на странице!'); return; } const tildaName = tildaForm.querySelector('input[name="Name"], input[name="name"], .t-input-group_nm input'); const tildaPhone = tildaForm.querySelector('input[type="tel"], input[name="Phone"], input[name="phone"], .t-input-group_ph input'); const tildaCommentArea = tildaForm.querySelector('textarea, input[name="Textarea"], input[name="comment"]'); if (tildaName && userName) triggerTildaInput(tildaName, userName); if (tildaPhone && userPhone) triggerTildaInput(tildaPhone, userPhone); if (tildaCommentArea) triggerTildaInput(tildaCommentArea, compiledComment); const submitBtn = finalStep.querySelector('.drive-btn'); submitBtn.innerText = 'Отправка...'; submitBtn.style.opacity = '0.7'; setTimeout(() => { const tildaSubmitBtn = tildaForm.querySelector('.t-submit'); if (tildaSubmitBtn) { tildaSubmitBtn.click(); finalStep.innerHTML = ` `; } else { console.error('Ошибка: Кнопка отправки в форме Тильды не найдена.'); submitBtn.innerText = 'Ошибка отправки'; } }, 150); } // Функция отправки для формы на ГЛАВНОМ ЭКРАНЕ function submitMainForm() { const formContainer = document.querySelector('.drive-card-form'); const nameInput = formContainer.querySelector('input[placeholder="Ваше имя"]'); const phoneInput = formContainer.querySelector('input[placeholder="Номер телефона"]'); const privacyCheckbox = formContainer.querySelector('.drive-privacy input[type="checkbox"]'); const userName = nameInput.value.trim(); const userPhone = phoneInput.value.trim(); // Валидация телефона phoneInput.style.outline = "none"; if (!userPhone || userPhone.length < 7) { phoneInput.style.outline = "2px solid #E6244C"; // Подсвечиваем красным phoneInput.focus(); alert('Пожалуйста, введите номер телефона, это обязательное поле'); phoneInput.addEventListener('input', function() { this.style.outline = "none"; }, { once: true }); return; } // Проверка чекбокса if (privacyCheckbox && !privacyCheckbox.checked) { alert('Для продолжения необходимо согласиться с политикой конфиденциальности'); return; } const privacyStatus = (privacyCheckbox && privacyCheckbox.checked) ? '✅ Да' : '❌ Нет'; // Формируем текст заявки const compiledComment = ` 🚀 ЗАЯВКА С ГЛАВНОГО ЭКРАНА: 👤 Имя: ${userName || 'Не указано'} 💬 Комментарий: Клиент хочет получить быстрый расчет стоимости ремонта (заявка без квиза) 🔒 Согласие с политикой ПД: ${privacyStatus} `.trim(); const tildaForm = document.querySelector('.uc-hidden-tilda-form'); if (!tildaForm) { console.error('Ошибка: Скрытая форма Тильды не найдена'); return; } const tildaName = tildaForm.querySelector('input[name="Name"], input[name="name"], .t-input-group_nm input'); const tildaPhone = tildaForm.querySelector('input[type="tel"], input[name="Phone"], input[name="phone"], .t-input-group_ph input'); const tildaCommentArea = tildaForm.querySelector('textarea, input[name="Textarea"], input[name="comment"]'); if (tildaName && userName) triggerTildaInput(tildaName, userName); if (tildaPhone && userPhone) triggerTildaInput(tildaPhone, userPhone); if (tildaCommentArea) triggerTildaInput(tildaCommentArea, compiledComment); const submitBtn = formContainer.querySelector('.drive-btn'); submitBtn.innerText = 'Отправка...'; submitBtn.style.opacity = '0.7'; setTimeout(() => { const tildaSubmitBtn = tildaForm.querySelector('.t-submit'); if (tildaSubmitBtn) { tildaSubmitBtn.click(); formContainer.innerHTML = ` `; } else { submitBtn.innerText = 'Ошибка отправки'; } }, 150); }