Отправка формы. формы бутстрапа. открытие второй формы после отправки первой

@aNfain · Регистрация: 30.10.2016

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

HTML5

<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

$('.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

$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. сделал кривое открытие второй формы после нажатия на кнопку отправить у первой. а мне нужно написать условие на проверку пустых полей и открывать вторую форму если данные ушли на телеграм(сейчас открытие идёт после нажатия на кнопку)!

@fanatikus · 13.07.2021, 17:28

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

и открывать вторую форму если данные ушли на телеграм

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

} else if(respond.okSend) {

тут и открывай вторую форму

Добавлено через 2 минуты

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

я так и не понял как их скрывать и открывать через js.

Javascript

1	$('#goodModal').modal('show')

Новые блоги и статьи
Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .	Полезные поделки на Arduino, которые можно сделать самому raxper 06.01.2025 Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .	Подборка решений задач на Python IT_Exp 06.01.2025 Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .
С чего начать программировать микроконтроллеры raxper 06.01.2025 Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .	Из чего собрать игровой компьютер inter-admin 06.01.2025 Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .	Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .	Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного сумматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом зад Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .

	13.07.2021, 17:28

Отправка формы. формы бутстрапа. открытие второй формы после отправки первой

Решение