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秒過(guò)后,提示文字的改變
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í)過(guò)程中禁止點(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)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)隱藏層文字鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標(biāo)hover事件的響應(yīng)及頁(yè)面元素的動(dòng)態(tài)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10基于jquery的橫向滾動(dòng)條(滑動(dòng)條)
ASP.Net的GridView本身不帶滾動(dòng)條,可通過(guò)Panel實(shí)現(xiàn)。但是Windows自帶的橫向滾動(dòng)條只支持顯示在下方,為了使用方便,需要在上下方都顯示橫向滾動(dòng)條。2011-02-02jquery實(shí)現(xiàn)div拖拽寬度示例代碼
本例為大家演示個(gè)比較簡(jiǎn)單的div拖動(dòng),另外可根據(jù)自己的需求,添加相應(yīng)的代碼,實(shí)現(xiàn)自己的想要的效果,具體如下,喜歡的請(qǐng)支持下2013-07-07jQuery實(shí)現(xiàn)仿淘寶帶有指示條的圖片轉(zhuǎn)動(dòng)切換效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿淘寶帶有指示條的圖片轉(zhuǎn)動(dòng)切換效果的方法,以完整實(shí)例形式較為詳細(xì)的分析了jQuery圖片特效的使用技巧,需要的朋友可以參考下2015-03-03利用JQuery直接調(diào)用asp.net后臺(tái)的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇利用JQuery直接調(diào)用asp.net后臺(tái)的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10Eclipse配置Javascript開發(fā)環(huán)境圖文教程
這篇文章主要介紹了Eclipse配置Javascript開發(fā)環(huán)境圖文教程,需要的朋友可以參考下2015-01-01web前端設(shè)計(jì)師們常用的jQuery特效插件匯總
這篇文章主要匯總了web前端設(shè)計(jì)師們常用的jQuery特效插件,需要的朋友可以參考下2014-12-12