发送验证码60s内不可重复发送,js代码实现过程
来源:互联网 发布:湖南破特大网络传销案 编辑:程序博客网 时间:2024/06/07 19:29
var wait2=60;
function voiceCode(){
if(!$('[name="phoneNum"]').validatebox("isValid")){
$('[name="phoneNum"]').focus();
return ;
}
var phoneNum=$('[name="phoneNum"]').val();
if(!phoneNum){
return;
}
getVoiceCode(phoneNum);
layer.alert("验证码已发送,请注意接听电话");
time2();
}
function getVoiceCode(phoneNum){
$.ajax({
type:'post',
url:'${pageContext.request.contextPath}/wechat/registerForPersonal/sendcode.shtml',
dataType : "json",
data:{
phoneNum:phoneNum,
appid:'${appid}',
type : "voice"
},
success:function(data){
$('#backcode').val(data);
}
});
}
function time2() {
if (wait2 == 0) {
$("#codevoicebtn").html("点此获取语音验证码");
$("#codevoicebtn").css("color", "#3879D9");
$("#codevoicebtn").attr("onclick", "voiceCode()");
wait2 = 60;
} else {
$("#codevoicebtn").attr("onclick", "null");
$("#codevoicebtn").css("color", "#938E8E");
$("#codevoicebtn").html("已发送语音验证码(" + wait2 + ")");
wait2--;
setTimeout(function() {
time2();
},
1000);
}
}
function voiceCode(){
if(!$('[name="phoneNum"]').validatebox("isValid")){
$('[name="phoneNum"]').focus();
return ;
}
var phoneNum=$('[name="phoneNum"]').val();
if(!phoneNum){
return;
}
getVoiceCode(phoneNum);
layer.alert("验证码已发送,请注意接听电话");
time2();
}
function getVoiceCode(phoneNum){
$.ajax({
type:'post',
url:'${pageContext.request.contextPath}/wechat/registerForPersonal/sendcode.shtml',
dataType : "json",
data:{
phoneNum:phoneNum,
appid:'${appid}',
type : "voice"
},
success:function(data){
$('#backcode').val(data);
}
});
}
function time2() {
if (wait2 == 0) {
$("#codevoicebtn").html("点此获取语音验证码");
$("#codevoicebtn").css("color", "#3879D9");
$("#codevoicebtn").attr("onclick", "voiceCode()");
wait2 = 60;
} else {
$("#codevoicebtn").attr("onclick", "null");
$("#codevoicebtn").css("color", "#938E8E");
$("#codevoicebtn").html("已发送语音验证码(" + wait2 + ")");
wait2--;
setTimeout(function() {
time2();
},
1000);
}
}
阅读全文
0 0
- 发送验证码60s内不可重复发送,js代码实现过程
- js实现30秒内禁止重复点击发送验证邮件
- 定时器实现60s点击重新发送验证码
- js实现发送验证码倒计时
- JS实现发送验证码进行倒计时
- js实现手机验证码发送
- js实现发送短信验证码后60秒倒计时
- 发送手机验证码的js代码、手机号合法验证
- JS 60秒后重发送验证码
- JS中发送验证码的代码片段
- js实现按钮重新发送验证码倒计时效果
- 利用原生Js方法实现发送验证码倒计时
- 内网发送短信验证码
- js jquery 实现间歇发送短信验证
- 【js实例】js发送验证码后倒计时60秒
- jquery 发送验证码 并60s倒计时 ajas发送短信
- js实现按钮点击60秒后重新启用(重新发送验证码)
- js倒计时发送验证码按钮
- 第一章 Extjs开发环境(入门教程)
- 使用jdk开发webservice接口以及调用
- 【转】jquery.cookie() 方法的使用(读取、写入、删除)
- Python day02——变量、关键字、数据类型
- session 变化
- 发送验证码60s内不可重复发送,js代码实现过程
- 父页面与子页面的值、js函数、方法的相互调用
- JENA的安装和配置+Myeclipse的破解及安装+sparql查询的例子
- 趣图:我们产品有个新功能,我给你演示一下
- 无向图
- 关于持久层和业务层代码封装的一点点设计
- 面向对象:你回家了,我在等你呢
- 解雇了天才员工,这是我们做过最正确的决定
- DPDK系列(一)——简介