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 相关文章推荐
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Apr 21 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
引用其它js时如何同时处理多个window.onload事件
Sep 02 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
详解Vue.js使用Swiper.js在iOS
Sep 10 Javascript
JavaScript运动原理基础知识详解
Apr 02 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 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
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP 处理图片的类实现代码
2009/10/23 PHP
PHP 万年历实现代码
2012/10/18 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
Laravel 默认邮箱登录改成用户名登录的实现方法
2019/08/12 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
jquery 模拟雅虎首页的点击对话框效果
2010/04/11 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
Three.js快速入门教程
2016/09/09 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
微信小程序实现页面浮动导航
2019/01/28 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
python 生成目录树及显示文件大小的代码
2009/07/23 Python
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
Windows下安装python2.7及科学计算套装
2015/03/05 Python
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
Python如何在DataFrame增加数值
2020/02/14 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
工程概预算专业毕业生求职信
2013/10/04 职场文书
化工专业大学生职业生涯规划书
2014/01/14 职场文书
小学毕业感言50字
2014/02/16 职场文书
超市促销活动方案
2014/03/05 职场文书
三月雷锋月活动总结
2014/07/03 职场文书
党员四风剖析材料
2014/08/27 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
创业计划书之溜冰场
2019/10/25 职场文书