PHP文件打开,而不是引导程序模式

时间:2018-10-09 04:41:38

标签: html bootstrap-4

这里是网站:sacbikerepair.com (转到服务,然后在flat胎服务下单击“获取”)

我正在尝试建立一个网站,用户可以在其中单击某种服务。单击它们后,他们将得到一个模态,提示他们输入个人信息(例如姓名,电话号码等)。

但是有一个问题。当我点击“ get it”(提示模式)时,我进入了我的php文件。我希望我的php文件仅在显示模态并且用户单击“提交”后才能运行。

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文件为空。

如果我不清楚,随时问。

1 个答案:

答案 0 :(得分:0)

好像您的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

为避免此类问题,另外两个按钮也应这样做。

我希望这会有所帮助。干杯。