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 相关文章推荐
javascript:以前写的xmlhttp池,代码
May 18 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Aug 12 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
js模块加载方式浅析
Aug 12 Javascript
jQuery实现菜单栏导航效果
Aug 15 jQuery
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
基于ssm框架实现layui分页效果
Jul 27 Javascript
vscode中Vue别名路径提示的实现
Jul 31 Javascript
Vue 3.0中jsx语法的使用
Nov 13 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
PHP防注入安全代码
2008/04/09 PHP
PHP 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php解析xml提示Invalid byte 1 of 1-byte UTF-8 sequence错误的处理方法
2013/11/14 PHP
兼容PHP和Java的des加密解密代码分享
2014/06/26 PHP
语义化 H1 标签
2008/01/14 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
Node.js模块加载详解
2014/08/16 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
2016/02/06 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
2016/05/05 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
angular.extend方法的具体使用
2017/09/14 Javascript
小程序自定义日历效果
2018/12/29 Javascript
javascript实现blob加密视频源地址的方法
2019/08/08 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
python进程管理工具supervisor使用实例
2014/09/17 Python
python中随机函数random用法实例
2015/04/30 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
Python使用plotly绘制数据图表的方法
2017/07/18 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
python爬取微信公众号文章
2018/08/31 Python
python进阶之自定义可迭代的类
2019/08/20 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
群众路线教育查摆剖析材料
2014/10/10 职场文书
企业承诺书格式范文
2015/04/28 职场文书
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏