jquery 发送短信60后重新获取
2013-08-20 11:54
274 查看
先需要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文件:
<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; } })
相关文章推荐
- 用jQuery实现60秒重新发送短信小功能
- jQuery实现倒计时重新发送短信验证码功能示例
- JS获取短信验证码button的定时重新发送
- jQuery实现倒计时重新发送短信验证码功能示例
- Jquery插件实现点击获取验证码后60秒内禁止重新获取
- js获取短信验证码倒计时重新发送的实现方法
- Jquery插件实现点击获取验证码后60秒内禁止重新获取
- Android 获取系统联系人并发送短信demo
- Android获取手机号码,后台发送短信以及监听短信发送结果。
- jQuery实现发送短信验证码后60秒倒计时
- 预报在线:发送短信中,对用户登录的判断和区分一般信息快报和重大信息快报,以选取不同的sql获取不同的用户;
- Jquery插件实现“点击获取验证码后60秒内禁止重新获取(防刷新)”
- python获取linux系统信息、性能阀值、短信网关发送的例子
- android 60 发送短信
- 【js与jquery】订单提交页发送短信功能
- ios开发:获取手机通讯录、发送短信
- 60短信倒计时jquery的2中方法
- 重新发送短信倒计时更新ui超级好用
- Jquery插件 防刷新倒计时 “点击获取验证码后60秒内禁止重新获取
- 发送手机短信获取验证码功能