这里是网站: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文件为空。
如果我不清楚,请随时提出问题。
看起来您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] 删除。
我来说两句