码迷,mamicode.com
首页 > 其他好文 > 详细

验证码防止用户重复点击

时间:2017-09-05 10:51:40      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:属性   func   标签   验证码   tor   部分   on()   charset   提交   


<!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>

验证码防止用户重复点击

标签:属性   func   标签   验证码   tor   部分   on()   charset   提交   

原文地址:http://www.cnblogs.com/jhy-ocean/p/7477393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!