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

前端技术 2023/09/01 JavaScript

复制代码 代码如下:

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\'));

本文地址:https://www.stayed.cn/item/1758

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。