先需要form表单,获取短信的按钮做成两个相同的,一个显示,一个隐藏。

<div class="item">
                    <p class="item_p">
                        <label>手机号:</label>
                        <input class="text js_name"  type="text" name="moblie" value=""/>
                        <span class="prompt_msg prompt">用于登录和找回密码,不会公开</span>
                    </p>
                    <a id="old_display" class="L_get_code" href="javascript:;">免费获取短信验证码</a>
                     <a  class="L_get_code" id="display_none" style="display:none;" href="javascript:;">免费获取短信验证码</a>
                </div>

js文件:

    $('#old_display').bind('click',function(){
var js_name=$(".js_name").val();
if(js_name){ var that=$(this);
var tick=null;
var time=60;
if(tick==null){
tick=setInterval(function(){
if(time>0){
$("#display_none").show(); //如果在时间大于0,第二个隐藏的显示出来,并更改文字,则第一个隐藏
$("#old_display").hide();
$("#display_none").text('重新获取('+time+')');
time--;
}else{
$("#old_display").show(); //如果时于小于0了,但恢复原来的样子,清除时间
$("#display_none").hide();
clearInterval(tick);
}
},1000); $.ajax({
type:"POST",
url:getRootPath()+'/register_login/send_mobile_code',
dataType:"json",
data:"mobile="+js_name,
success:function(msg){
if(msg){
$(this).parent().append("<span>已发送,1分钟后可重新获取</span>");
}
} })
}else{
alert('不可为空');
} }else{
return false;
}
})

最新文章

  1. 从 Everything 到 Listary,自 Launch 归 Wox
  2. mac系统,git上刚刚checkout出来的文件,一检查,发现已经被修改过了,怎么破???
  3. shell 中命令输入的快!捷!键!
  4. 快速破解哈希密文findmyhash
  5. windows设置java环境变量
  6. ytu 1939:统计元音(水题)
  7. 美国H1B基本情况及相关数据
  8. php的传值和传址
  9. MemCached高级缓存
  10. Global.asax使用1
  11. linux基础随笔
  12. Android SurfaceView实战 带你玩转flabby bird (上)
  13. NYOJ 45 棋盘覆盖 模拟+高精度
  14. hdu 5919 主席树(区间不同数的个数 + 区间第k大)
  15. 爬虫之正则和xpath
  16. 06 Django REST Framework 版本控制
  17. QQ/微信中被禁止访问的网页怎么打开
  18. The Preliminary Contest for ICPC China Nanchang National Invitational I题
  19. poj1094 恶心题,,每次加边进行判断
  20. 使用yocs_velocity_smoother对机器人速度进行限制

热门文章

  1. mysql存储过程嵌套循环并分页处理数据
  2. 【PPTP】windows &amp; linux 安装pptp
  3. 使用Git(msysgit)和TortoiseGit上传代码到GitHub
  4. 虚拟环境--pipenv
  5. scss-数据类型
  6. HTML 5 表单相关元素和属性
  7. 原生js的math对象
  8. iDempiere 使用指南 windows下eclipse开发环境配置及打包下载
  9. bit byte 字 字节 关系 简列
  10. 一键完成SAP部署的秘密,想知道么?