Как начать автоматическую c загрузку pdf после отправки формы

Question

Я новичок в PHP и Html, у меня есть форма, в которой я могу публиковать данные, используя сторонние сервисы. Я хочу отправить эту форму таким образом, чтобы после отправки она начала загружаться в формате PDF автоматически. Он должен выполнить 2 действия одним нажатием кнопки. Я прошел через много решений, но я не могу сделать эту работу. Вот моя форма

 <div class="modal-body">
  <div class="media-container-column" data-form-type="formoid">


        <div data-form-alert="" hidden="" class="align-center" > Thanks for filling out the form use this link to Download </div>

        <form class="mbr-form" action="https://mobirise.com/ " method="post" data-form-title="Mobirise Form"><input type="hidden" name="email" data-form-email="true" value="bUMCs/mtytHWYRo/XjN7tA1PqfT+NB00KjPTWZfuYXvKQmJxQUOr1gzeKJUJwLqxqXI/Euh3h4TzMmnq0FW5UjTC1AjsnumlJFTc7U5521K+f6PwqF4lRJdVha0cCPLW" data-form-field="Email">
            <div data-for="name">
                <div class="form-group">
                    <input type="text" class="form-control px-3" name="name" data-form-field="Name" placeholder="Name" required="" id="name-header15-c">
                </div>
            </div>
            <div data-for="email">
                <div class="form-group">
                    <input type="email" class="form-control px-3" name="email" data-form-field="Email" placeholder="Email" required="" id="email-header15-c">
                </div>
            </div>
            <div data-for="phone">
                <div class="form-group">
                    <input type="tel" class="form-control px-3" name="phone" data-form-field="Phone" placeholder="Phone" id="phone-header15-c">
                </div>
            </div>

            <span class="input-group-btn"><button onClick="header.php" type="submit" class="btn btn-secondary btn-form display-4">Download</button></span>
        </form>
    </div>
</div>

Эта отправка формы работает нормально, как я могу начать скачивать pdf после этого, любой пример кода в javascript или php будет полезен. Спасибо

Answer 1

Вам необходимо добавить id = "SampleForm" в вашей форме.

<div class="modal-body">
  <div class="media-container-column" data-form-type="formoid">


        <div data-form-alert="" hidden="" class="align-center" > Thanks for filling out the form use this link to Download </div>

        <form id="SampleForm" class="mbr-form" action="https://mobirise.com/ " method="post" data-form-title="Mobirise Form"><input type="hidden" name="email" data-form-email="true" value="bUMCs/mtytHWYRo/XjN7tA1PqfT+NB00KjPTWZfuYXvKQmJxQUOr1gzeKJUJwLqxqXI/Euh3h4TzMmnq0FW5UjTC1AjsnumlJFTc7U5521K+f6PwqF4lRJdVha0cCPLW" data-form-field="Email">
            <div data-for="name">
                <div class="form-group">
                    <input type="text" class="form-control px-3" name="name" data-form-field="Name" placeholder="Name" required="" id="name-header15-c">
                </div>
            </div>
            <div data-for="email">
                <div class="form-group">
                    <input type="email" class="form-control px-3" name="email" data-form-field="Email" placeholder="Email" required="" id="email-header15-c">
                </div>
            </div>
            <div data-for="phone">
                <div class="form-group">
                    <input type="tel" class="form-control px-3" name="phone" data-form-field="Phone" placeholder="Phone" id="phone-header15-c">
                </div>
            </div>

            <span class="input-group-btn"><button onClick="header.php" type="submit" class="btn btn-secondary btn-form display-4">Download</button></span>
        </form>
    </div>
</div>

Затем вам нужно добавить код для обработки загрузки в форме Отправить событие.

<script>
    var pdfUrl = "https://example.com/link-to-your-pdf";

    $('#SampleForm').on('submit', function () {
        window.open(pdfUrl, '_blank');
    });
</script>

Answer 2

Вам придется обрабатывать отправку с помощью Javascript вместо значения по умолчанию.

Существует некоторая документация по отправке отправки формы javascript: https://developer.mozilla.org/en-US/docs/Learn/Forms/Sending_forms_through_JavaScript