防止按钮在短时间内被多次点击的方法

 一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,下面有个不错的方法可以有效制止,希望对大家有所帮助

如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮。 
 
代码如下: 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Js定时事件</title> 
<script src="js/jquery-1.9.1.js" type="text/javascript"></script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<input type="button" value="点下我" id="btn" onclick="show()" /> 
</div> 
<script type="text/javascript"> 
/* 
timeId=window.setTimeout("method()",1000); window.clearTimeout(timeId);定时执行 
timeId=window.setInterval("method()",1000); window.clearInterval(timeId);循环执行 
*/ 
 
var nn = 30; 
var tipId; 
function show() { 
tipId = window.setInterval("start()", 1000); //每隔1秒调用一次start()方法 

 
function start() { 
if (nn > 0) { 
var vv = "点下我(" + nn + ")"; 
$("#btn").attr("disabled", "disabled"); //使按钮不能被点击 
$("#btn").attr("value", vv); //更改按钮上的文字 
nn--; 
} else { 
nn = 30; 
$("#btn").removeAttr("disabled"); //使按钮能够被点击 
$("#btn").attr("value", "点下我"); //更改按钮上的文字 
window.clearInterval(tipId); //清除循环事件 


</script> 
</form> 
</body> 
</html> 
 

时间: 2024-11-05 06:26:39

防止按钮在短时间内被多次点击的方法的相关文章

防止按钮在短时间内被多次点击的方法_javascript技巧

如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮. 代码如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Js定时事件</title> <script src="js/jquery-1.9.1.j

Android之有效防止按钮多次重复点击的方法(必看篇)

为了防止测试妹子或者用户频繁点击某个按钮,导致程序在短时间内进行多次数据提交or数据处理,那到时候就比较坑了~ 那么如何有效避免这种情况的发生呢? 我的想法是,判断用户点击按钮间隔时间,如果间隔时间太短,则认为是无效操作,否则进行相关业务处理 首先将这块提取为工具类(方便接下来的调用),现在就起名为:ButtonUtils public class ButtonUtils { private static long lastClickTime = 0; private static long D

javascript实现十秒钟后注册按钮可点击的方法

  本文实例讲述了javascript实现十秒钟后注册按钮可点击的方法.分享给大家供大家参考.具体分析如下: 1.注册按钮初始状态为不可用,disabled 2.启动定时器,setInterval,1秒钟运行一次CountDown方法,设定一个初始值为10的全局变量, 在CountDown方法中对全局变量倒数,然后将倒数的值写到注册按钮上(请仔细阅读协议(还剩8秒)). 3.直到全局变量的值<=0,就让注册按钮可用,将按钮的文本设置为"同意!" ? 1 2 3 4 5 6 7 8

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

 这篇文章主要介绍了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法,涉及jQuery中val与attr方法的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <body>

android-点击按钮时视图可见,再次点击时视图消失

问题描述 点击按钮时视图可见,再次点击时视图消失 我想在程序中设置这样一个功能,当activity启动时,布局视图就不可见了.当我点击按钮时,布局视图是可见的.现在想实现的是,再次点击按钮时,布局视图应该隐藏不可见.这个问题虽然比较简答,但是我查了很多资料,还是不知道该怎么实现,希望得到大家的指点. 解决方案 你可以通过使用boolean FLAG来实现.例如:声明boolean visibility_Flag = false; button..setOnClickListener(new On

javascript实现十秒钟后注册按钮可点击的方法_javascript技巧

本文实例讲述了javascript实现十秒钟后注册按钮可点击的方法.分享给大家供大家参考.具体分析如下: 1.注册按钮初始状态为不可用,disabled 2.启动定时器,setInterval,1秒钟运行一次CountDown方法,设定一个初始值为10的全局变量,  在CountDown方法中对全局变量倒数,然后将倒数的值写到注册按钮上(请仔细阅读协议(还剩8秒)). 3.直到全局变量的值<=0,就让注册按钮可用,将按钮的文本设置为"同意!" <html xmlns=&qu

javascript为按钮注册回车事件(设置默认按钮)的方法_javascript技巧

本文实例讲述了javascript为按钮注册回车事件(设置默认按钮)的方法.分享给大家供大家参考.具体如下: 首先不得不说,在JS方面,自己真的是个不折不扣的菜鸟.对于JS以及一些JS框架如JQuery等JS框架,自己也只是处在简单应用的阶段,当然自己也在不断的学习当中,希望将来能跟大家分享更多JS方面的心得.今天先来点开胃的,说一下如何设置一个默认按钮,就是不管焦点在不在按钮上,只要按下回车,就等于触发了按钮的单击事件. 代码非常简单,要完成这个功能,只需几行代码: //为keyListene

JS实现点击复选框将按钮或文本框变为灰色不可用的方法_javascript技巧

本文实例讲述了JS实现点击复选框将按钮或文本框变为灰色不可用的方法.分享给大家供大家参考.具体如下: 在注册时候经常会看不到,如果不点击阅读注册许可的话,提交按钮是灰色的,失效不能提交,必须点它一下,这个JS代码就是实现这样一个功能,只有你点击了确认提交,下边的按钮才生效. 运行效果如下图所示: 具体代码如下: <html> <head> <title>点击复选框按钮变为不可用</title> </head> <script> var

javascript为按钮注册回车事件(设置默认按钮)的方法

  这篇文章主要介绍了javascript为按钮注册回车事件(设置默认按钮)的方法,可实现按下回车键触发按钮按下的效果,非常简单实用,需要的朋友可以参考下 首先不得不说,在JS方面,自己真的是个不折不扣的菜鸟.对于JS以及一些JS框架如JQuery等JS框架,自己也只是处在简单应用的阶段,当然自己也在不断的学习当中,希望将来能跟大家分享更多JS方面的心得.今天先来点开胃的,说一下如何设置一个默认按钮,就是不管焦点在不在按钮上,只要按下回车,就等于触发了按钮的单击事件. 代码非常简单,要完成这个功