jquery實現(xiàn)手機(jī)發(fā)送驗證碼的倒計時代碼
更新時間:2014年02月12日 17:06:22 作者:
這篇文章主要介紹了jquery實現(xiàn)手機(jī)發(fā)送驗證碼的倒計時代碼,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
var wait=60;//時間
function time(o,p) {//o為按鈕的對象,p為可選,這里是60秒過后,提示文字的改變
if (wait == 0) {
o.removeAttr("disabled");
o.val("點擊發(fā)送驗證碼");//改變按鈕中value的值
p.html("如果您在1分鐘內(nèi)沒有收到驗證碼,請檢查您填寫的手機(jī)號碼是否正確或重新發(fā)送");
wait = 60;
} else {
o.attr("disabled", true);//倒計時過程中禁止點擊按鈕
o.val(wait + "秒后重新獲取驗證碼");//改變按鈕中value的值
wait--;
setTimeout(function() {
time(o,p);//循環(huán)調(diào)用
},
1000)
}
}
視圖:
復(fù)制代碼 代碼如下:
<input class="mem_btn mem_btn26" type="submit" name="yt0" value="點擊發(fā)送驗證碼" id="btn">
調(diào)用:
復(fù)制代碼 代碼如下:
echo CHtml::ajaxSubmitButton('點擊發(fā)送驗證碼',
CHtml::normalizeUrl(
array('/ajax/sendGetPassMobilCaptcha','zm_id'=>$model->zm_id)
),
array('success'=>'function(result){
if(result==1){
$(".ys_98").html("驗證碼發(fā)送成功,請及時檢查您的手機(jī)。");
time($("#yt0"),$(".ys_98"))
}else{
$(".ys_98").html("驗證碼發(fā)送失敗,請重試,或聯(lián)系管理員。");
}
}','data'=>"zm_id=".$model->zm_id."&zm_mob=".$model->zm_mob."&zm_name=".$model->zm_name
),
array('class'=>'mem_btn mem_btn26'));
相關(guān)文章
jquery獲取transform里的值實現(xiàn)方法
下面小編就為大家分享一篇jquery獲取transform里的值實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
淺談ajax在jquery中的請求和servlet中的響應(yīng)
下面小編就為大家分享一篇淺談ajax在jquery中的請求和servlet中的響應(yīng),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
詳解Bootstrap的iCheck插件checkbox和radio
這篇文章主要詳細(xì)介紹了Bootstrap的iCheck插件checkbox和radio的知識及bootstrap icheck獲取radio的value值的方法,非常不錯,具有參考借鑒價值,感興趣的朋友一起看下吧2016-08-08
jquery數(shù)組封裝使用方法分享(jquery數(shù)組遍歷)
JQuery對數(shù)組的處理非常便捷并且功能強(qiáng)大齊全,一步到位的封裝了很多原生js數(shù)組不能企及的功能。下面來看看JQuery數(shù)組的強(qiáng)大之處在哪。2014-03-03

