词条信息

admin
admin
超级管理员
词条创建者 发短消息   

相关词条

天天广告联盟
 广告位置招商  广告招商

热门词条

更多>>
ps利用通道精确抠出背景
通道抠图之前,我们需要了解一下通道的知识。RGB模式下,我们看[详细]
人民日报:守护个人数据使用的边界
你去过的酒店好友都能看到!这不是玩笑,而是真实案例。近日,有媒[详细]
摩拜实施全国免押金
  2018年07月05日,“摩拜单车宣布全国范围内无门槛免押[详细]
偷拍软件是如何植入进电脑的呢?
近日了解到一则新闻:19岁的大连女孩肖婷在外地读大学,其在女生[详细]
摩拜宣布百城无门槛免押金
  是否免押金正成为共享单车竞争的新方向。继哈罗单车之后,摩拜[详细]
解决网 >>所属分类 >> 程序开发    源码天下   

手机注册发送验证码倒计时的源码

标签: php 验证码

顶[0] 发表评论(0) 编辑词条
()这里用的是input做的点击发送验证码
<input type="number" class="input" name="mobile" placeholder="手机号" style="border: none"
  
<input class="hui_kuang"style="width: 30%;text-align: center;height: 42px" value='获取验证码'>
<script>
  
//页面初始化获取倒计时数字(避免在倒计时时用户刷新浏览器导致倒计时归零)
 var $getCodeInput = $(".hui_kuang");
 var sessionCountdown = sessionStorage.getItem("countdown");
 if (!sessionCountdown) {
  $(".hui_kuang").val("获取验证码")
 } else {
  $(".hui_kuang").val("重新发送(" + sessionCountdown + ")");
  setCode($getCodeInput, sessionCountdown);
 }
 //获取验证码
 function setTime() {
  var remobile = $("#registForm input[name='mobile']").val();
  if (!remobile) {
   alert("请输入手机号码")
   return;
  
  }
  if (!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(remobile))) {
   alert("请输入有效的手机号码")
   return;
  } else {
   setCode($getCodeInput, 60);
  }
  
 }
 //发送验证码倒计时
 function setCode($getCodeInput, countdown) {
  if (countdown == 0) {
   $getCodeInput.attr('disabled', false);
//   $getCodeInput.removeAttribute("disabled");
   $getCodeInput.val("获取验证码");
   sessionStorage.removeItem("countdown");
   return;
  } else {
   $getCodeInput.attr('disabled', true);
   $getCodeInput.val("重新发送(" + countdown + ")");
   countdown--;
  }
  sessionStorage.setItem("countdown", countdown);
  window.setTimeout(function () {
   setCode($getCodeInput, countdown);
  }, 1000);
 }
</script>

 

 

本文地址:解决网 http://www.solves.com.cn/doc-view-4489.html

TAGS:SOLVES , 电脑技术 , 电脑知识 , 网站建设, 电脑技术, 网络营销 , 网站托管 , 硬件技术 , 网络技术 , 软件技术, 维修网点

附件列表


按字母顺序浏览:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

→我们致力于为广大网民解决所遇到的各种电脑技术问题
 如果您认为本词条还有待完善,请 编辑词条

上一篇完美解决手机网页中输入框被输入法遮挡的问题
下一篇linux下apache启动、停止、重启命令

0
1. 本站部分内容来自互联网,如有任何版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
2. 本站内容仅供参考,如果您需要解决具体问题,建议您咨询相关领域专业人士。
3. 如果您没有找到需要的电脑技术问题词条,您可以到百科问答提问或创建词条,等待高手解答。

关于本词条的提问

查看全部/我要提问>>