jquery實現(xiàn)手機發(fā)送驗證碼的倒計時代碼
更新時間：2014年02月12日 17:06:22 作者：
這篇文章主要介紹了jquery實現(xiàn)手機發(fā)送驗證碼的倒計時代碼,需要的朋友可以參考下
復制代碼 代碼如下:
var wait=60;//時間
function time(o,p) {//o為按鈕的對象，p為可選，這里是60秒過后，提示文字的改變
if (wait == 0) {
o.removeAttr("disabled");
o.val("點擊發(fā)送驗證碼");//改變按鈕中value的值
p.html("如果您在1分鐘內沒有收到驗證碼，請檢查您填寫的手機號碼是否正確或重新發(fā)送");
wait = 60;
} else {
o.attr("disabled", true);//倒計時過程中禁止點擊按鈕
o.val(wait + "秒后重新獲取驗證碼");//改變按鈕中value的值
wait--;
setTimeout(function() {
time(o,p);//循環(huán)調用
},
1000)
}
}
視圖：
復制代碼 代碼如下:
<input class="mem_btn mem_btn26" type="submit" name="yt0" value="點擊發(fā)送驗證碼" id="btn">
調用：
復制代碼 代碼如下:
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ā)送成功，請及時檢查您的手機。");
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'));
相關文章
jQuery判斷iframe中元素是否存在的方法，需要的朋友可以參考一下2013-05-05
這篇文章給大家總結了使用jq獲取元素值的常見寫法,文中給大家介紹了詳細的代碼示例,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2023-12-12
jQuery實現(xiàn)鼠標經(jīng)過時出現(xiàn)隱藏層文字鏈接的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標經(jīng)過時出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標hover事件的響應及頁面元素的動態(tài)處理技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
jQuery的hover事件只是針對單個HTML元素，不過，有些時候我們希望當鼠標進入兩個或多個元素時觸發(fā)fun1，離開他們時觸發(fā)fun2，而在這些元素間移動鼠標并不觸發(fā)任何事件2014-06-06
ASP.Net的GridView本身不帶滾動條，可通過Panel實現(xiàn)。但是Windows自帶的橫向滾動條只支持顯示在下方，為了使用方便，需要在上下方都顯示橫向滾動條。2011-02-02
本例為大家演示個比較簡單的div拖動，另外可根據(jù)自己的需求，添加相應的代碼，實現(xiàn)自己的想要的效果，具體如下，喜歡的請支持下2013-07-07
jQuery實現(xiàn)仿淘寶帶有指示條的圖片轉動切換效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)仿淘寶帶有指示條的圖片轉動切換效果的方法,以完整實例形式較為詳細的分析了jQuery圖片特效的使用技巧,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)硪黄肑Query直接調用asp.net后臺的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
Eclipse配置Javascript開發(fā)環(huán)境圖文教程
這篇文章主要介紹了Eclipse配置Javascript開發(fā)環(huán)境圖文教程,需要的朋友可以參考下2015-01-01
這篇文章主要匯總了web前端設計師們常用的jQuery特效插件,需要的朋友可以參考下2014-12-12