<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. VP9 Video Codec

    http://www.webmproject.org/vp9/ WebM Repositories libvpx: VP8/VP9 Codec SDK   pull http://git.chromi ...

  2. 用户手册是Yasm汇编

    本文档的用户手册是Yasm汇编. 它是介绍和通用所有Yasm用户参考. 英文的参考:http://www.cnblogs.com/coryxie/p/3959888.html 1 .介绍 Yasm b ...

  3. 使用HTML5画布（canvas）生成阴影效果

    来源:GBin1.com 使用HTML5的画布特性,我们可以创建图形,在这片文章中,我们将创建图形的阴影. var canvas = document.getElementById('shadowca ...

  4. python fabric使用 http://fabric-chs.readthedocs.io/zh_CN/chs/tutorial.html

    fab -u username -p password  -H hostname -P -- cmd   或root@'hostname'  -H多个主机是引号用逗号隔开 -P异步

  5. Building An Effective Marketing Plan

    “New ideas are a dime a dozen,” observes Arthur R. Kydd, “and so are new products and new technologi ...

  6. ASP.NET 推荐书籍

    ASP.NET 推荐书籍 1.首先推荐一本ASP.NET MVC的书籍 —— <Web开发新体验:ASP.NET 3.5 MVC架构与实战> [点评]:ASP.NET的MVC的书籍本来就不 ...

  7. unity3d对象的克隆

    对象克隆,需要有一个预制对象. 首先创建一个预制对象,将其命名为earth,并将材质包附着上去,如下图所示: 然后点住“earth”拖入Assets>Prefabs文件夹,此时earth文字变成 ...

  8. node.js express安装问题

    Windows下安装npm和express 1.如果不能在线安装,可以下载npm的zip解压到本地,然后把下面的bin目录加入到path中. 2.搞定npm后,执行了npm install expre ...

  9. 解决Win10系统下 C# DateTime 出现星期几的问题 解决ASP.NET MVC 接受Request Playload参数问题

    解决Win10系统下 C# DateTime 出现星期几的问题 昨天晚上写代码的时候偶然发现 DateTime 里出现了星期几,当时一阵凌乱,去网上百度没有详细解决办法,很多人说可以用用 ToStri ...

  10. EF、MySQL、MVC、WebAPI2 swagger 集成

    “好记星不如烂笔头",这句话一直伴随我多年,想当年还是我语文老师常用的口头禅. 时间一晃3年过去了.以前只是记得自己去看别人的博客园.时间不久自己也开通了博客园来玩玩.顺便吧自己学的记录下来 ...