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 相关文章推荐
代码生成器 document.write()
Apr 15 Javascript
Javascript 键盘keyCode键码值表
Dec 24 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
javascript模拟命名空间
Apr 17 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
JavaScript的继承实现小结
May 07 Javascript
JS中数据结构之栈
Jan 01 Javascript
JS+php后台实现文件上传功能详解
Mar 02 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 Javascript
Antd中单个DatePicker限定时间输入范围操作
Oct 29 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内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
php unlink()函数使用教程
2018/07/12 PHP
PHP chr()函数讲解
2019/02/11 PHP
javascript 命名空间以提高代码重用性
2008/11/13 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
2013/10/17 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
JavaScript偏函数与柯里化实例详解
2019/03/27 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
laypage.js分页插件使用方法详解
2019/07/27 Javascript
JS多个异步请求 按顺序执行next实现解析
2019/09/16 Javascript
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
python 列表删除所有指定元素的方法
2018/04/19 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
pandas 对group进行聚合的例子
2019/12/27 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
工作个人的自我评价
2014/01/14 职场文书
先进集体事迹材料
2014/02/17 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
公司合并协议书范本
2014/09/30 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书