亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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)動畫效果實例

    微信小程序?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-05
  • javascript數(shù)組去重3種方法的性能測試與比較

    javascript數(shù)組去重3種方法的性能測試與比較

    面試題中有一題數(shù)組去重,首先想到的是對象存鍵值的方法可是遇到不同類型又能轉(zhuǎn)換成同樣的字符串的就完了接下來為大家介紹下雙重循環(huán)/存鍵值和類型實現(xiàn)去重,感興趣的各位可以參考下哈
    2013-03-03
  • 用javascript實現(xiàn)讀取txt文檔的腳本

    用javascript實現(xiàn)讀取txt文檔的腳本

    用javascript實現(xiàn)讀取txt文檔的腳本...
    2007-07-07
  • js+canvas實現(xiàn)紙牌游戲

    js+canvas實現(xiàn)紙牌游戲

    這篇文章主要為大家詳細(xì)介紹了js+canvas實現(xiàn)紙牌游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • 在微信小程序中使用圖表的方法示例

    在微信小程序中使用圖表的方法示例

    這篇文章主要介紹了在微信小程序中使用圖表的方法示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 微信小程序自定義多列選擇器使用

    微信小程序自定義多列選擇器使用

    這篇文章主要為大家詳細(xì)介紹了微信小程序自定義多列選擇器使用,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • javascript 倒排序方法

    javascript 倒排序方法

    javascript 倒排序?qū)崿F(xiàn)代碼。
    2009-06-06
  • JS獲取url參數(shù),JS發(fā)送json格式的POST請求方法

    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對象(示例代碼)

    本篇文章主要介紹了JS動態(tài)添加與刪除select中的Option對象示例代碼。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • js兼容火狐獲取圖片寬和高的方法

    js兼容火狐獲取圖片寬和高的方法

    這篇文章主要介紹了js兼容火狐獲取圖片寬和高的方法,涉及javascript圖片操作的相關(guān)技巧,需要的朋友可以參考下
    2015-05-05

最新評論