手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Js实现手机发送验证码时按钮延迟操作
Js实现手机发送验证码时按钮延迟操作
摘要:实例代码记录:functionstart_sms_button(obj){varcount=1;varsum=30;vari=setInte...

实例代码记录:

<script type="text/javascript"> function start_sms_button(obj){ var count = 1 ; var sum = 30; var i = setInterval(function(){ if(count > 10){ obj.attr('disabled',false); obj.val('发送验证码'); clearInterval(i); }else{ obj.val('剩余'+parseInt(sum - count)+'秒'); } count++; },1000); } $(function(){ //发送验证码 $('#send_sms').click(function(){ var phone_obj = $('input[name="phone"]'); var send_obj = $('input#send_sms'); var val = phone_obj.val(); if(val){ if(IsMobile(val)){ send_obj.attr('disabled',"disabled"); //30秒后重新启动发送按钮 start_sms_button(send_obj); $.ajax({ url:'{#url_reset("index/sms")#}', data:{'mobile':val}, dataType:'json', type:'post', beforeSend:function(){ show_loading_body(); }, complete:function(){ show_loading_body(); }, success:function(data){ if(data.status!=undefined && (data.status == 'ok' || data.status == 'error')){ showMsg(data.msg); } } }); }else{ showMsg("手机号的格式错误"); } }else{ showMsg('手机号不能为空'); } }); }); </script>

【Js实现手机发送验证码时按钮延迟操作】相关文章:

JS实现浏览器菜单命令

jQuery实现不断闪烁文字的方法

javascript实现获取服务器时间

JS+CSS实现的拖动分页效果实例

Javascript实现广告页面的定时关闭

javascript实现淡蓝色的鼠标拖动选择框实例

JavaScript实现简单的数字倒计时

基于JavaScript实现智能右键菜单

JavaScript实现鼠标拖动效果的方法

javascript实现表格增删改操作实例详解

精品推荐
分类导航