驗證碼防止用戶重復點擊
<!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>
驗證碼防止用戶重復點擊