• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
钗的php生涯
博客园    首页    新随笔    联系   管理    订阅  订阅
短信发送倒计时

//html页面

 

手机号:<input type="text" name="tel" id="tel"><br>
验证码:<input type="text" name="code" id="code" size="8"><input type="button" id="btn" value="获取验证码" onclick="sendSMS()">
<br>
<input type="button" value="手机号登录" id="but">
<script src="__STATIC__/js/jquery.js"></script>
<script src="__STATIC__/js/sms.js"></script>

 

 

//js页面

var countdown=60;
function sendSMS(){
//判断手机号的文本框
var reg=/^1[35876]\d{9}$/;
var tel=$("#tel").val();
if(tel==""){
alert("手机号不能为空");return false;
}
if(!reg.test(tel)){
alert("手机号码不合法");return false;
}
//调用倒计时
var obj = $("#btn");
settime(obj);
$.get(
"http://localhost/Month8/day1/public/index.php/index/qlogin/dlogin_do?tel="+tel,
function (data) {
console.log(data);
})


}
function settime(obj) { //发送验证码倒计时
if (countdown == 0) {
obj.attr('disabled',false);
//obj.removeattr("disabled");
obj.val("免费获取验证码");
countdown = 60;
return;
} else {
obj.attr('disabled',true);
obj.val("重新发送(" + countdown + ")");
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}

 

posted on 2018-12-16 20:57  php钗  阅读(262)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3