最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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)文章

  • JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法

    JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法

    這篇文章主要介紹了JS實現(xiàn)獲取漢字首字母拼音、全拼音及混拼音的方法,涉及針對ChinesePY.js插件的使用及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下
    2017-11-11
  • js+CSS簡單實現(xiàn)瀑布流布局

    js+CSS簡單實現(xiàn)瀑布流布局

    瀑布流布局,是一種視覺表現(xiàn)為參差不齊的多欄布局,常用于內(nèi)容以圖片為主的頁面展示,本文將使用css和js兩種方式來實現(xiàn)瀑布流布局,需要的可以參考下
    2023-11-11
  • JavaScript數(shù)組實例的9個方法

    JavaScript數(shù)組實例的9個方法

    這篇文章主要介紹了JavaScript數(shù)組實例的9個方法,文章圍繞主題展開詳細的內(nèi)容介紹沒具有一定的參考價值,需要的朋友可以參考一下
    2022-07-07
  • Javascript中Null和undefined的簡單理解

    Javascript中Null和undefined的簡單理解

    在JavaScript中存在這樣兩種原始類型:Null與Undefined,這兩種類型常常會使JavaScript的開發(fā)人員產(chǎn)生疑惑,在什么時候是Null,什么時候又是Undefined,下面這篇文章主要給大家介紹了關(guān)于Javascript中Null和undefined的相關(guān)資料,需要的朋友可以參考下
    2022-04-04
  • ES6 對象的新功能與解構(gòu)賦值介紹

    ES6 對象的新功能與解構(gòu)賦值介紹

    這篇文章主要介紹了ES6 對象的新功能與解構(gòu)賦值介紹,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-02-02
  • javascript中的float運算精度實例分析

    javascript中的float運算精度實例分析

    javascript中的float運算精度的一些問題,下面是具體的說明。
    2010-08-08
  • 新浪中用來顯示flash的函數(shù)

    新浪中用來顯示flash的函數(shù)

    新浪中用來顯示flash的函數(shù)...
    2007-04-04
  • js對象基礎(chǔ)實例分析

    js對象基礎(chǔ)實例分析

    這篇文章主要介紹了js對象基礎(chǔ),以實例形式分析了js對象的創(chuàng)建、讀取及遍歷等技巧,需要的朋友可以參考下
    2015-01-01
  • js拖動div 當鼠標移動時整個div也相應(yīng)的移動

    js拖動div 當鼠標移動時整個div也相應(yīng)的移動

    要拖動的div為最外層的div,這段代碼對顯示對話框的頭部綁定鼠標監(jiān)聽事件,當鼠標移動時,整個div也相應(yīng)的移動,具體的實現(xiàn)如下,感興趣的朋友可以參考下
    2013-11-11
  • JavaScript實現(xiàn)form表單的多文件上傳

    JavaScript實現(xiàn)form表單的多文件上傳

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)form表單的多文件上傳,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05

最新評論

宝清县| 长岭县| 杂多县| 平和县| 和林格尔县| 那曲县| 宜春市| 岳阳县| 常德市| 资源县| 三台县| 梁河县| 汾阳市| 建瓯市| 白银市| 穆棱市| 宁国市| 旬阳县| 安陆市| 藁城市| 小金县| 佛教| 西乌珠穆沁旗| 兴海县| 台州市| 汽车| 曲阜市| 深州市| 习水县| 聂荣县| 什邡市| 内黄县| 邯郸县| 鹤岗市| 贵阳市| 廉江市| 襄汾县| 新野县| 祁连县| 滨州市| 科尔|