JavaScript实现点击按钮后变灰避免多次重复提交


Posted in Javascript onJuly 15, 2013

注册的时候需要发送验证激活帐号的邮件,为了避免邮件的多次重复发送,所以可以在点击了发送后,设置button要过一段时间才能继续点击。下面是一个简单的例子:

<html> 
<head> 
<title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
<script type="text/javascript"> 
var wait=60; 
function time(o) { 
if (wait == 0) { 
o.removeAttribute("disabled"); 
o.value="免费获取验证码"; 
wait = 60; 
} else { 
o.setAttribute("disabled", true); 
o.value=wait+"秒后可以重新发送"; 
wait--; 
setTimeout(function() { 
time(o) 
}, 
1000) 
} 
} 
document.getElementById("btn").onclick=function(){time(this);} 
</script> 
</body> 
</html>
Javascript 相关文章推荐
文字幻灯片
Jun 26 Javascript
JavaScript入门教程(6) Window窗口对象
Jan 31 Javascript
在html页面上拖放移动标签
Jan 08 Javascript
理解JSON:3分钟课程
Oct 28 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
vue基于viewer实现的图片查看器功能
Apr 12 Javascript
vue实现随机验证码功能的实例代码
Apr 30 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
js实现数字滚动特效
Dec 16 Javascript
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 Javascript
JS 去前后空格大全(IE9亲测)
Jul 15 #Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 #Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 #Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 #Javascript
JS中获取数据库中的值的方法
Jul 14 #Javascript
js 实现日期灵活格式化的小例子
Jul 14 #Javascript
仿谷歌主页js动画效果实现代码
Jul 14 #Javascript
You might like
PHP的消息通信机制测试实例
2016/11/10 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
Laravel路由研究之domain解决多域名问题的方法示例
2019/04/04 PHP
JavaScript中var关键字的使用详解
2015/08/14 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
Vue中的字符串模板的使用
2018/05/17 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
python批量提交沙箱问题实例
2014/10/08 Python
python中list循环语句用法实例
2014/11/10 Python
Cpy和Python的效率对比
2015/03/20 Python
理解Python中的绝对路径和相对路径
2017/08/30 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
学校经典推荐信
2013/10/30 职场文书
写好自荐信的要点
2013/11/06 职场文书
普通员工辞职信范文
2015/05/12 职场文书
jquery插件实现图片悬浮
2021/04/16 jQuery
代码解析React中setState同步和异步问题
2021/06/03 Javascript
Python函数中的不定长参数相关知识总结
2021/06/24 Python
MySQL中的隐藏列的具体查看
2021/09/04 MySQL
Redis Lua脚本实现ip限流示例
2022/07/15 Redis