<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