验证码防止用户重复点击
Posted *紫色薰衣草*
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了验证码防止用户重复点击相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
手机号:<input type="text" name=‘cell‘>
<button>获取验证码</button>
<input type="submit" value="提交">
</body>
</html>
<script>
//当用户获取手机验证码后 不能重复获取 js部分
var des = document.querySelector(‘button‘);
des.onclick=function(){
var a = 90;
var but = document.querySelector(‘button‘);
if(a==90 || a==0){
// 当a存在0结束 90开始时可以点击
setInterval(function(){
a--;
console.log(a);
but.innerText=a;
// 把倒计时追加到标签内容
},1000)
// 添加属性禁止点击
but.setAttribute( "disabled","true");
}else{
//当定时器倒计时跑完时 可以点击
but.setAttribute( "disabled","");
}
}
</script>
以上是关于验证码防止用户重复点击的主要内容，如果未能解决你的问题，请参考以下文章