这里是网站: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文件为空。
如果我不清楚,随时问。
答案 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
为避免此类问题,另外两个按钮也应这样做。
我希望这会有所帮助。干杯。