Js实现手机发送验证码时按钮延迟操作
实例代码记录:
<scripttype="text/javascript"> functionstart_sms_button(obj){ varcount=1; varsum=30; vari=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(){ varphone_obj=$('input[name="phone"]'); varsend_obj=$('input#send_sms'); varval=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>