首页 > 其他 > 详细

发送验证码

时间:2020-10-30 10:13:20      阅读:25      评论:0      收藏:0      [点我收藏+]
<body>
	18438872553 <br /><br />
	手机号:<input type="text" id="tel"><span id="con"></span>
	<br /><br />
	密码:<input type="password" />
	<br /><br />
	<input type="text" id="nei" value=""/><button id="btn">发送验证码</button>
	<br /><br />
	<input type="checkbox" id="choose"/>
	<label for="choose">我已经阅读并同意<<会员条款>> </label>
	
	<script>
		var btn=document.getElementById("btn");
		var span=document.getElementById("con");
		var nei=document.getElementById("nei");
		
		btn.onclick=function(){
			var tel=document.getElementById("tel");
			var reg=/\S/;
			if(reg.test(tel.value)){
				var rega=/^(\+86|0086)?1[3-9]\d{9}$/;
				if(rega.test(tel.value)){
					span.innerHTML="手机格式正确";
					span.className="success";
					numsuccess();
				}else{
					span.innerHTML="请输入正确的手机格式";
					span.className="info";
				}
			}else{
				span.innerHTML="手机号不能为空!";
				span.className="danger";
			}
		}
		
		var timer=null;
		function numsuccess(){
			
			var str=Math.random().toString(16).slice(2,6);
			console.log(str);
			
			var n=10;
			btn.disabled="disabled";
			if(timer==null){
				timer=setInterval(function(){
					btn.innerHTML=n+"秒后重试";
					n--;
					if(n<0){
						clearInterval(timer);
						timer=null;
						btn.innerHTML="发送验证码";
						btn.disabled="";
						nei.value=str;
					}
				},1000)
			}
		}
	</script>
</body>

发送验证码

原文:https://www.cnblogs.com/360193202qq/p/13900308.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!