javascript设置手机验证码60s等待代码

陈政宽~
发布: 2017-06-28 12:44:45
原创
1415 人浏览过

本文给大家分享JS设置手机验证码60s等待实现代码,需要的朋友参考下吧

html:

登录后复制

JavaScript:

var btn1 = document.querySelector('.btn1'); var tel = document.querySelector('.tel'); var error = document.querySelector('.error'); var time = 60; btn1.onclick = function(){ var name = tel.value; if (name == "") { error.innerHTML='手机号不能为空!'; return; } else { if (!(/^1[3|4|5|7|8]\d{9}$/.test(name))) { error.innerHTML='手机号格式有误.'; return; } } var timer = setInterval(function(){ time--; btn1.innerHTML = time + "秒"; btn1.disabled = true; if (time==0) { time = 60; clearInterval(timer); btn1.innerHTML = "获取验证码"; btn1.disabled = false; } },1000); }
登录后复制

以上所述是小编给大家介绍的JS设置手机验证码60s等待实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

以上是javascript设置手机验证码60s等待代码的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!