手机号登录验证
<div class="modal_content">
<h5>绑定用户信息</h5>
<div>
<label for="phone1">注册手机号:</label><br />
<input id="phone1" type="text" autocomplete="off" placeholder="请输入已绑定的手机号"/>
</div>
<div>
<label for="code1">验证码:</label>
<div class="code1">
<input id="code1" type="text" autocomplete="off" placeholder="短信验证码"/>
<input id="btnSendCode1" type="button" class="btn btn-default" value="获取验证码" onClick="sendMessage1()" />
</div>
</div>
<div class="next">
<button onClick="binding()">确定</button>
</div>
</div>
<script type="text/javascript">
var phone1=document.querySelector('#phone1');
var btnSendCode1=document.querySelector("#btnSendCode1");
var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;//手机号正则
var count = 60; //间隔函数,1秒执行
var InterVal1; //timer变量,控制时间
//var count1;//当前剩余秒数
function sendMessage1() {
curCount1 = count;
var phone=(phone1.value).trim()
if (!phoneReg.test(phone)) {
alert(" 请输入有效的手机号码");
return false;
}
//设置button效果,开始计时
btnSendCode1.setAttribute("disabled", "true");
btnSendCode1.value= curCount1 + "秒再获取";
InterVal1 = window.setInterval(SetTime1, 1000); //启动计时器,1秒执行一次
//向后台发送处理数据
}
function SetTime1() {
if ( curCount1 == 0) {
window.clearInterval(InterVal1);//停止计时器
btnSendCode1.removeAttribute("disabled");//启用按钮
btnSendCode1.value="重新发送";
}
else {
curCount1--;
btnSendCode1.value= curCount1 + "秒再获取";
}
}
/*提交信息*/
function binding(){
alert("提交信息")
}
</script>