手机验证码JQUERY实现

Posted 2020-09-18 上善若水-随

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了手机验证码JQUERY实现相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"> 
var countdown=60; 
function settime(obj) { 
    if (countdown == 0) { 
        obj.removeAttribute("disabled");    
        obj.value="免费获取验证码"; 
        countdown = 60; 
        return;
    } else { 
        obj.setAttribute("disabled", true); 
        obj.value="重新发送(" + countdown + ")"; 
        countdown--; 
    } 
setTimeout(function() { 
    settime(obj) }
    ,1000) 
}
  
</script>
<body> 
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
  
</body>
</html>

以上是关于手机验证码JQUERY实现的主要内容，如果未能解决你的问题，请参考以下文章

手机验证码JQUERY实现

Web项目中手机注册短信验证码实现的全流程及代码

jquery 实现点击按钮后倒计时效果，多用于实现发送手机验证码邮箱验证码

jQuery手机发送验证码倒计时代码

使用Jquery实现获取短信验证码60秒倒计时

用jquery怎么验证名字在输入完之后马上提示有没有重复的代码