Php файл открывается вместо начальной загрузки

Question

ЗДЕСЬ ВЕБ-САЙТ: sacbikerepair.com (перейдите в раздел услуг, затем нажмите «получить» в разделе сервис спущенных шин)

Я пытаюсь настроить веб-сайт, на котором пользователь может щелкнуть типобслуживания.После того, как они щелкнули по нему, они получат модальное окно, которое запросит у них личную информацию (например, имя, номер телефона и т. Д.).

Но есть проблема.Когда я нажимаю «получить его» (который запрашивает модальный режим), я попадаю в свой php-файл.Я хочу, чтобы мой php-файл запускался только после показа модального режима, когда пользователь нажимает «submit».

HTML:

    <div class="col-md-4">
      <form action="php/flat_service_process.php" method="POST">
        <div class="card text-center">
          <div class="card-header bg-dark text-white p-0 pt-1">
            <h2 class="lato-font">Flat Tire
            </h2>
          </div>
          <div class="card-body">
            <h3 class="card-title display-4 mb-0">20$</h3>
            <ul class="list-group list-group-larger-text">
              <li class="list-group-item">
                <i class="fas fa-check"></i> Inner-Tube
              </li>
              <li class="list-group-item">
                <i class="fas fa-check"></i> Inner-Tube Removal and Reinstallation
              </li>
            </ul>
          </div>
          <hr class="gradient-on-ends m-0 p-0">
          <div class="card-body">
            <h3 class="card-title display-4 mb-0">35$</h3>
            <ul class="list-group list-group-larger-text">
              <li class="list-group-item">
                <i class="fas fa-check"></i> Inner-Tube & Tire
              </li>
              <li class="list-group-item">
                <i class="fas fa-check"></i> Inner-Tube & Tire Removal and Reinstallation
              </li>
            </ul>
          </div>

          <div class="card-footer">
            <button class="btn btn-success btn-block" data-toggle="modal" data-target="#flatTireModal">
              Get It
            </button>
          </div>

        </div>
      </form>
    </div>

Файл php пуст.

Не стесняйтесь задавать вопросы, если мне было неясно.

Answer 1

Похоже, что ваш button рассматривается как кнопка отправки.

Добавьте кнопку type="button" к кнопке «Получить».См. Ниже,

<button type="button" class="btn btn-success btn-block" data-toggle="modal" data-target="#flatTireModal" >Get It</button>

Причина этого заключается в интерпретации по умолчанию кнопки неопределенного типа внутри тега формы.Кнопки всегда будут иметь тип submit в качестве типа по умолчанию.Спасибо @Martin за готовность добавить, почему это происходит.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

Стоит сделать то же самое для двух других кнопок, чтобы избежать подобных проблем.

Надеюсь, это поможет.Приветствия.