DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery實現手機發送驗證碼的倒計時代碼
jquery實現手機發送驗證碼的倒計時代碼
編輯:JQuery特效代碼     

代碼如下:
var wait=60;//時間
function time(o,p) {//o為按鈕的對象,p為可選,這裡是60秒過後,提示文字的改變
if (wait == 0) {
o.removeAttr("disabled");
o.val("點擊發送驗證碼");//改變按鈕中value的值
p.html("如果您在1分鐘內沒有收到驗證碼,請檢查您填寫的手機號碼是否正確或重新發送");
wait = 60;
} else {
o.attr("disabled", true);//倒計時過程中禁止點擊按鈕
o.val(wait + "秒後重新獲取驗證碼");//改變按鈕中value的值
wait--;
setTimeout(function() {
time(o,p);//循環調用
},
1000)
}
}

視圖:
代碼如下:
<input class="mem_btn mem_btn26" type="submit" name="yt0" value="點擊發送驗證碼" id="btn">

調用:
代碼如下:
echo CHtml::ajaxSubmitButton('點擊發送驗證碼',
CHtml::normalizeUrl(
array('/ajax/sendGetPassMobilCaptcha','zm_id'=>$model->zm_id)
),
array('success'=>'function(result){
if(result==1){
$(".ys_98").html("驗證碼發送成功,請及時檢查您的手機。");
time($("#yt0"),$(".ys_98"))
}else{
$(".ys_98").html("驗證碼發送失敗,請重試,或聯系管理員。");
}
}','data'=>"zm_id=".$model->zm_id."&zm_mob=".$model->zm_mob."&zm_name=".$model->zm_name
),
array('class'=>'mem_btn mem_btn26'));

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved