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

太妃糖1369

这里是网站: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文件为空。

如果我不清楚,请随时提出问题。

安妮娜·席尔瓦(Anjana Silva)

看起来您button已被视为“提交”按钮。

将添加type="button"到“获取”按钮。见下文,

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

这样做的原因是由于默认解释了表单标签内未定义的类型按钮。按钮将始终将typesubmit作为其默认类型。感谢@Martin的提示,以补充说明发生原因的原因。

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button

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

我希望这有帮助。干杯。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章