Я новичок в 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 будет полезен. Спасибо

0
Prashant Purohit 25 Апр 2020 в 12:06

2 ответа

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

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

0
Mohamed Thiam 25 Апр 2020 в 09:46

Вам необходимо добавить id = "Образец формы" в форму.

<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>
0
Pramil Gawande 25 Апр 2020 в 11:18