简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-05-16 17:00:14
Original
1140 Leute haben es durchsucht

复制代码 代码如下:

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'));
Verwandte Etiketten：
倒计时
Quelle：php.cn
Vorheriger Artikel：Jquery遍历checkbox获取选中项value值的方法_jquery Nächster Artikel：JS实现将人民币金额转换为大写的示例代码_javascript技巧
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Übergeben Sie den E-Mail-Wert des V-Modells an die Methode Hallo, ich versuche, v-model an der Eingabe zu übergeben, um die E-Mail zu senden, um die ...
Aus 2024-04-05 10:04:40
0
1
405
SQL-Abfrage wird in einer bestimmten Route in Node.js nicht angezeigt Ich bin neu in Javascript und NodeJS und habe eine Frage. Ich habe einen Code, in dem ich ...
Aus 2024-04-04 00:24:22
0
1
344
So übergeben Sie Parameter vom Client an den Server-Callback, speichern Daten im Array und senden sie an den Client zurück Ich möchte die Fahrzeugvariable vom Client an den Server-Callback senden, wo ich überprüfe...
Aus 2024-04-03 13:05:29
0
1
328
Entdecken Sie die Funktionalität der „nächsten' Funktion in der Express-Middleware und ihre Rolle bei der Umleitung zu einer anderen Funktion. Ich bin neu bei Nodejs und arbeite an Expressjs. Jetzt arbeite ich an „Middleware-Funktion...
Aus 2024-04-02 21:02:16
0
1
317
PayPal API – Bestellbetrag nach Autorisierung erhöhen. Bester Checkout-Prozess? Wir verwenden die PayPal/Braintree-API. Wie kann mit steigenden Bestellbeträgen (z. B. Ver...
Aus 2024-03-30 19:45:14
0
1
418
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！