jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼
更新時(shí)間：2014年02月12日 17:06:22 作者：
這篇文章主要介紹了jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
var wait=60;//時(shí)間
function time(o,p) {//o為按鈕的對(duì)象，p為可選，這里是60秒過后，提示文字的改變
if (wait == 0) {
o.removeAttr("disabled");
o.val("點(diǎn)擊發(fā)送驗(yàn)證碼");//改變按鈕中value的值
p.html("如果您在1分鐘內(nèi)沒有收到驗(yàn)證碼，請(qǐng)檢查您填寫的手機(jī)號(hào)碼是否正確或重新發(fā)送");
wait = 60;
} else {
o.attr("disabled", true);//倒計(jì)時(shí)過程中禁止點(diǎn)擊按鈕
o.val(wait + "秒后重新獲取驗(yàn)證碼");//改變按鈕中value的值
wait--;
setTimeout(function() {
time(o,p);//循環(huán)調(diào)用
},
1000)
}
}
視圖：
復(fù)制代碼 代碼如下:
<input class="mem_btn mem_btn26" type="submit" name="yt0" value="點(diǎn)擊發(fā)送驗(yàn)證碼" id="btn">
調(diào)用：
復(fù)制代碼 代碼如下:
echo CHtml::ajaxSubmitButton('點(diǎn)擊發(fā)送驗(yàn)證碼',
CHtml::normalizeUrl(
array('/ajax/sendGetPassMobilCaptcha','zm_id'=>$model->zm_id)
),
array('success'=>'function(result){
if(result==1){
$(".ys_98").html("驗(yàn)證碼發(fā)送成功，請(qǐng)及時(shí)檢查您的手機(jī)。");
time($("#yt0"),$(".ys_98"))
}else{
$(".ys_98").html("驗(yàn)證碼發(fā)送失敗，請(qǐng)重試，或聯(lián)系管理員。");
}
}','data'=>"zm_id=".$model->zm_id."&zm_mob=".$model->zm_mob."&zm_name=".$model->zm_name
),
array('class'=>'mem_btn mem_btn26'));
您可能感興趣的文章:
- JQuery實(shí)現(xiàn)簡(jiǎn)單驗(yàn)證碼提示解決方案
- jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼并60秒倒計(jì)時(shí)功能
- Jquery插件實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼后60秒內(nèi)禁止重新獲取
- jQuery插件實(shí)現(xiàn)靜態(tài)HTML驗(yàn)證碼校驗(yàn)
- jQuery 點(diǎn)擊獲取驗(yàn)證碼按鈕及倒計(jì)時(shí)功能
- jQuery實(shí)現(xiàn)驗(yàn)證碼功能
- jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的驗(yàn)證碼功能
- jquery實(shí)現(xiàn)表單獲取短信驗(yàn)證碼代碼
- jQuery實(shí)現(xiàn)的手機(jī)發(fā)送驗(yàn)證碼倒計(jì)時(shí)效果代碼分享
- js實(shí)現(xiàn)3D輪播圖效果
相關(guān)文章
jquery實(shí)現(xiàn)彈出層登錄和全屏層注冊(cè)特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)彈出層登錄和全屏層注冊(cè)特效，推薦給大家，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
jquery獲取transform里的值實(shí)現(xiàn)方法
下面小編就為大家分享一篇jquery獲取transform里的值實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了jquery刪除指定子元素代碼實(shí)例,本文使用較簡(jiǎn)單的方法實(shí)現(xiàn)了這個(gè)需求,代碼一看就懂,需要的朋友可以參考下2015-01-01
JQuery 抓取博客園首頁RSS直接將代碼保存到文本文檔，更改后綴名為html瀏覽 即可查看效果2011-12-12
這篇文章主要介紹了如何用jquery控制表格奇偶行及活動(dòng)行顏色,需要的朋友可以參考下2014-04-04
淺談ajax在jquery中的請(qǐng)求和servlet中的響應(yīng)
下面小編就為大家分享一篇淺談ajax在jquery中的請(qǐng)求和servlet中的響應(yīng)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jquery圖片放大鏡功能的實(shí)例代碼，需要的朋友可以參考一下2013-03-03
jQuery實(shí)現(xiàn)鎖定頁面元素(表格列)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鎖定頁面元素，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
詳解Bootstrap的iCheck插件checkbox和radio
這篇文章主要詳細(xì)介紹了Bootstrap的iCheck插件checkbox和radio的知識(shí)及bootstrap icheck獲取radio的value值的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-08-08
jquery數(shù)組封裝使用方法分享(jquery數(shù)組遍歷)
JQuery對(duì)數(shù)組的處理非常便捷并且功能強(qiáng)大齊全，一步到位的封裝了很多原生js數(shù)組不能企及的功能。下面來看看JQuery數(shù)組的強(qiáng)大之處在哪。2014-03-03