<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);alert('aaaaaa');}

</script>

收集有效用户，为了防止用户多次点击某按钮，造成多次提交表单的操作。某些按钮需要在点击后实现不可用操作。发送使用ajax实现

例子：

<html>

<head>

<title>同意条款</title>

</head>

<body>

<form id="form1" name="form1" method="post" action="">

<input type="submit" name="Submit" value="同意" />

</form>

<script language="javascript">

document.form1.Submit.disabled = true;

var wait = 9; //停留时间

function updateinfo(){

  if(wait == 0){

    document.form1.Submit.value = "我同意";

    document.form1.Submit.disabled = false;

  }

  else{

    document.form1.Submit.value = "阅读条款"+wait;

    wait--;

    window.setTimeout("updateinfo()",1000);

  }

}

updateinfo();

</script>

</body>

</html>
  设置按钮的不可用 用到了 disabled属性。

语法：

object.disabled = false | true;

例子：w3cschool

<html>

<head>

<script type="text/javascript">

function disable()

  {

  document.getElementById('txt1').disabled=true;

  }

function enable()

  {

  document.getElementById('txt1').disabled=false;

  }

</script>

</head>

<body>

<textarea id="txt1">

Hello world....This is a text area

</textarea>

<br />

<input type="button" onclick="disable()" value="Disable" />

<input type="button" onclick="enable()" value="Enable" />

</body>

</html>

来源:https://my.oschina.net/mickelfeng/blog/109038

js 控制按钮点击后不可用的更多相关文章

  1. 安装node.js后npm不可用

    安装node.js后npm不可用 最近要用Vue做项目,依赖node.js,于是按官网下载安装node 下载地址:https://nodejs.org/en/download/ 网上也有很多教程这里就 ...

  2. [King.yue]Grid列选中JS控制按钮状态

    Grid列选中一行某些按钮启用 例:gridId(Grid   ID) btnEditId(编辑按钮ID) btnDeleteId(删除按钮ID) JS: var setButtonStatus = ...

  3. js设置按钮不可用

    <input type="button" value="确定" id="stamp" onclick="stampBill( ...

  4. JS控制按钮不能连续被点击

    将下面代码拷贝进一个html文件中就可以运行查看效果. function downLoad(evt) { disabledButton(); MyPeriodicalExecuter(evt); } ...

  5. js简单分页，可用

    //翻页调用 var pageSize = 1; var counts = 1; var current_page = 1; var rows,total; search(); //查询所有 func ...

  6. js 倒计时 button不可用

    function showtime() { fun_timedown(5); } function fun_timedown(time) { $("#timedown").val( ...

  7. vue.js实现点击后动态添加class及删除同级class

    最近使用vue需要实现一个点餐选择商品规格的页面,需要通过vue动态的给被点击的元素添加class名字,使其变色,其他的删除class.如图: 开始在网上找了许多办法发现不是太好用,最后找到一个发现还 ...

  8. BootStrap中按钮点击后被禁用按钮的最佳实现方法

    //禁用button $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true) ...

  9. JS将指定的时间戳转为UTC时间

    Js中获取时间戳可用var dayMiliseconds = parseInt(new Date().valueOf());Js的时间戳单位为毫秒(1s = 1000 ms),下面是一个将制定的格式转 ...

随机推荐

  1. megalo -- 网易考拉小程序解决方案

    megalo 是基于 Vue 的小程序框架(没错,又是基于 Vue 的小程序框架),但是它不仅仅支持微信小程序,还支持支付宝小程序,同时还支持在开发时使用更多 Vue 的特性. 背景 对于用户而言,小 ...

  2. bottle+cherrypy快速开发web服务

    我目前用得最顺手的python web框架是bottle,简单方便. bottle有一个开发用的http服务器,效率不高,单线程,阻塞. 所以,得找个别的服务器来部署. 根据bottle官方的文档,发 ...

  3. 转: codereview 工具平台建设

    一.  Rietveld  code review  (一套工具系统与平台) 1. http://www.cnblogs.com/fang9159/archive/2012/07/20/2591690 ...

  4. 转： 学ppt的网址与素材

    转:http://www.jianshu.com/p/89b261e0b8f6 你说你要学ppt,可你知道这些吗?   之前身边的同学总说做PPT很难,每次做ppt都头疼,我都对此很不屑,直到前一段开 ...

  5. 转： 关于android 机型适配的问题

    转: http://www.csdn.net/article/2015-09-08/2825645

  6. HTTP状态码具体解释

    HTTP状态码(HTTP Status Code)是用以表示网页serverHTTP响应状态的3位数字代码.它由 RFC 2616 规范定义的,并得到RFC 2518.RFC 2817.RFC 229 ...

  7. Netty Client和Server端实现

    本文基于Nett4.0.26.Final版本浅析Client与Server端通讯,先看服务器端: public class Server { public static void run(int po ...

  8. webpack+vuecli打包常见的2个坑

    第一个坑: 一般情况下,通过webpack+vuecli默认打包的css.js等资源,路径都是绝对的.但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径 ...

  9. 算法笔记_073:哈密顿回路问题（Java）

    目录 1 问题描述 2 解决方案   1 问题描述 什么是哈密顿回路? 引用自百度百科: 哈密顿图(哈密尔顿图)(英语:Hamiltonian path,或Traceable path)是一个无向图, ...

  10. 一次vm 虚拟机时间倒流而导致的oracle 数据库启动故障

    一次vm 虚拟机时间倒流而导致的oracle 数据库启动故障 本文是原创文章.若转载请注明出处: http://blog.csdn.net/msdnchina/article/details/3878 ...