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

