Heim >Web-Frontend >js-Tutorial >jquery实现手机发送验证码的倒计时代码_jquery

jquery实现手机发送验证码的倒计时代码_jquery

WBOY
WBOYOriginal
2016-05-16 17:00:141201Durchsuche

复制代码 代码如下:

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)
}
}

视图:
复制代码 代码如下:



调用:
复制代码 代码如下:

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'));
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn