javascript表单按钮单击计数器

Question

早上好。

我正在使用javascript函数处理按钮点击计数器。棘手的是按钮类型是提交，因此每当我点击此按钮时页面都会重新加载。

以下是包含按钮的代码。

<div class="skip">
<form method="post" >
<input type="hidden" id="skip_tinv" name="skip_tinv" value=""></input>
<button class="skip" type="submit" value="8" name="submit" onclick="skipCounter();">Skip >></button>
<?php include('includes/aftersubmit.php'); ?>         
</form>

我在一个页面中有十个此表单（这意味着在一个页面中有十个跳过按钮），并且我希望单击三次以上时“跳过”按钮被禁用。你对此有任何想法吗？

使用php的想法也受到欢迎。谢谢你的帮助。

Answer 1

您可以使用jQuery - Prevent Default或Javascript - Prevent Default这将停止提交按钮重新加载页面，您可以跟踪按钮被点击的次数。一旦该计数器超过3，然后使用jQuery / javascript隐藏跳过按钮