Js實現(xiàn)手機(jī)發(fā)送驗證碼時按鈕延遲操作
更新時間:2014年06月20日 11:43:09 投稿:hebedich
在做項目的時候,經(jīng)常遇到發(fā)短信驗證碼的問題,這時候需要用戶點完發(fā)送驗證碼按鈕后,一段時間內(nèi)不能重復(fù)點擊,畢竟驗證碼都是收費(fèi)的嘛,誰都不想浪費(fèi),那么如何實現(xiàn)這種功能呢?下面來分享一下。
實例代碼記錄:
<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('發(fā)送驗證碼'); clearInterval(i); }else{ obj.val('剩余'+parseInt(sum - count)+'秒'); } count++; },1000); } $(function(){ //發(fā)送驗證碼 $('#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秒后重新啟動發(fā)送按鈕 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("手機(jī)號的格式錯誤"); } }else{ showMsg('手機(jī)號不能為空'); } }); }); </script>
相關(guān)文章
微信小程序?qū)崿F(xiàn)錄音時的麥克風(fēng)動畫效果實例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)錄音時的麥克風(fēng)動畫效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05javascript數(shù)組去重3種方法的性能測試與比較
面試題中有一題數(shù)組去重,首先想到的是對象存鍵值的方法可是遇到不同類型又能轉(zhuǎn)換成同樣的字符串的就完了接下來為大家介紹下雙重循環(huán)/存鍵值和類型實現(xiàn)去重,感興趣的各位可以參考下哈2013-03-03JS獲取url參數(shù),JS發(fā)送json格式的POST請求方法
下面小編就為大家分享一篇JS獲取url參數(shù),JS發(fā)送json格式的POST請求方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03JS動態(tài)添加與刪除select中的Option對象(示例代碼)
本篇文章主要介紹了JS動態(tài)添加與刪除select中的Option對象示例代碼。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12