管理书籍排行榜,大主宰之灵路天蚕土豆

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

jQuery如何實(shí)現(xiàn)倒計(jì)時(shí)重新發(fā)送短信驗(yàn)證碼功能

小編給大家分享一下jQuery如何實(shí)現(xiàn)倒計(jì)時(shí)重新發(fā)送短信驗(yàn)證碼功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)專(zhuān)注于臺(tái)安企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站建設(shè)。臺(tái)安網(wǎng)站建設(shè)公司,為臺(tái)安等地區(qū)提供建站服務(wù)。全流程按需規(guī)劃網(wǎng)站，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

具體如下：






var countdown=60;
function settime(obj) {
  if (countdown == 0) {
    obj.removeAttribute("disabled");
    obj.value="免費(fèi)獲取驗(yàn)證碼";
    countdown = 60;
    return;
  } else {
    obj.setAttribute("disabled", true);
    obj.value="重新發(fā)送(" + countdown + ")";
    countdown--;
  }
setTimeout(function() {
  settime(obj) }
  ,1000)
}

實(shí)踐例子：



  
    
    
    搶占iPhone7專(zhuān)屬預(yù)訂名額

上市時(shí)間同步發(fā)售首批新蘋(píng)果30個(gè)預(yù)訂專(zhuān)屬名額

獲取驗(yàn)證碼

查看活動(dòng)詳情

恭喜提交成功

分享一下，安撫激動(dòng)的心

$(function(){ //提交表單 $("#activityForm").Validform({ btnSubmit:"#confirm", tiptype:function(msg){ if(msg != '' && msg!='通過(guò)信息驗(yàn)證！'){ alert(msg); } }, tipSweep:true, beforeSubmit:function(){ saveForm(); return false; } }); }); //只允許在APP內(nèi)打開(kāi) function isMobile(){ var u = navigator.userAgent; var mobileFlag = u.indexOf('type/tfbrowser') > -1; return mobileFlag; } //手機(jī)號(hào)碼驗(yàn)證 $("#mobilePhone").blur(function(){ var mobilePhone =$("#mobilePhone").val(); var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/; if(mobilePhone){ if(!myreg.test(mobilePhone)){ alert("請(qǐng)輸入有效的手機(jī)號(hào)碼！"); $("#mobilePhone").val(""); return ; } } }); //發(fā)送短信驗(yàn)證碼 $("#num").click(function(){ var mobilePhone =$("#mobilePhone").val(); var url="/wamei/activityController/sendValidCode.htm"; if(!mobilePhone){ alert("請(qǐng)輸入您的手機(jī)號(hào)碼！"); return ; } var mark = $("#num").attr("mark"); if("1"==mark){ settime(this); $.post(url,{mobilePhone:mobilePhone},function(html){ var data = eval("("+html+")"); if(data && data.statusCode==1){ console.log("send success!"); alert("短信驗(yàn)證碼已發(fā)送，請(qǐng)查收！"); }else{ alert(data.msg); } }); } }); //提交form表單 function saveForm(){ $("#activityForm").ajaxSubmit({ //data: {'columnStr':columnStr}, type: 'post', async: false, success: function($data) { var data = eval("("+$data+")"); if(data && data.statusCode==1){ $("#success").show(); }else{ alert(data.msg); $("#mobilePhone").val(""); } } }); } $(".close").click(function(){ $("#success").hide(); window.location.reload(); }) //短信后倒計(jì)時(shí) var countdown=60; function settime(obj) { if (countdown == 0) { $(obj).attr("disabled",false); $(obj).attr("mark","1"); $(obj).html("獲取驗(yàn)證碼"); countdown = 60; return; } else { $(obj).attr("disabled", true); $(obj).attr("mark","0"); $(obj).html("重新發(fā)送(" + countdown + ")"); countdown--; } setTimeout(function() { settime(obj) } ,1000) } // $("#confirm").click(function(){ // $("#success").show(); // })

以上是“jQuery如何實(shí)現(xiàn)倒計(jì)時(shí)重新發(fā)送短信驗(yàn)證碼功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱(chēng)：jQuery如何實(shí)現(xiàn)倒計(jì)時(shí)重新發(fā)送短信驗(yàn)證碼功能
本文URL：http://fisionsoft.com.cn/article/gjoohe.html

新聞中心

其他資訊