如何阻止在JS中点击提交按钮的可能性？
我想添加一个功能到我的网站。用户必须观看一个短视频。我想阻止在有人看到视频之前点击提交按钮的可能性。因此，我希望它在开始的2分钟内保持不活动状态。
<html>
<head>
<meta charset="UTF-8">
</head>
<p> Please watch this 2-minutes video. </p>
<body>
<center>
<video width="744" height="576" controls>
<source class="center" src="videos/nature.mp4" type="video/mp4">
</video>
</center>
<p></p>
<center>
<a href = "nextpage.html"><input style="height:50px; width: 100px; font-size:12pt;" type="submit" value="Next"></a></center>
</body>
</html>
提前谢谢你。
共有1个答案
您可以这样做的是添加事件监听器，以便在视频结束时使用，然后启用按钮
document.getElementById('video').addEventListener('ended', videoEnded, false);
function videoEnded() {
// Make the button clickable
}
-
在我的应用程序中，点击提交按钮（Struts），执行一个操作类方法，该方法设置bean的“更新网址”属性。我想要的是我需要在设置bean完成后在新浏览器中打开的网址，而用户不必做任何其他事情，比如单击链接。我找不到做这件事的正确方法。 下面是一些代码： 我的JSP：
-
问题内容： 在下一页中，使用Firefox的“删除”按钮提交表单，但“添加”按钮不提交。如何防止“删除”按钮提交表单？ 问题答案： 你正在使用HTML5按钮元素。请记住，原因是此按钮具有默认的提交行为，如W3规范所述，如此处所示： W3C HTML5按钮 因此，你需要明确指定其类型： 为了覆盖默认的提交类型。我只想指出发生这种情况的原因=）
-
问题内容： 我在网上浏览了很多，其中包括几个堆栈溢出示例，以解决该问题。具体来说，我尝试了以下方法： 两者都不如广告中所述。还有其他建议吗？请仅提供角度建议。谢谢。 问题答案： 您非常接近答案。您唯一错过的是使用调用按钮上的函数。 另一个问题是，控制器中的功能应该是，而不是 工作示例： index.html应该类似于： 您的控制器application.js就像：
-
使用vue做了一个抽奖，分别为1连抽和5连抽，添加了loading变量防止按钮被短时间内被重复点击，但是同时点击1连抽和5连抽，会触发两次请求，如何避免？
-
本文向大家介绍jQuery实现防止提交按钮被双击的方法，包括了jQuery实现防止提交按钮被双击的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现防止提交按钮被双击的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
我正在使用javascript（extensions chrome）在程序“Atom”中制作一个机器人，并希望点击按钮“添加到购物车”。我的html是。我猜我在使用值时需要这样做。怎么做？