您的位置:首页 > 其它

input 按钮 ----发送 /倒计时重新发送,disabled属性设置

2017-11-16 11:00 495 查看
<input  type="button" _type="sendmailcode" style="border:5px solid #0fadff; background-color: #0fadff" value="发送验证码到邮箱" />


//发送验证码到邮箱
$('#personal input[_type="sendmailcode"]').on('click', function(){

settime($(this));  //倒计时---input文字设置 disabled 和倒计时计数设置

//发送验证码到邮箱
var emailAddr = $('#personal input[_key="mail"]').val();
var url = ctx + "xiaoyusvr/boss/developer/sendcode";
var data = new Object();
data.emailaddress = emailAddr;

Util.ajaxLoadData(url,data,"POST",true,function(result) {
if (result.code == ReturnCode.SUCCESS) {

//验证码发送到邮箱成功
}else{
//发送失败
}
});
});


var countdown=10;

function settime(val) {
if (countdown == 0) {
val.removeAttr("disabled");
val.val("发送验证码到邮箱");
clearTimeout(timer);
countdown = 10;
} else {
val.attr("disabled", "disabled");
val.val("重新发送(" + countdown + ")");
countdown--;
timer = setTimeout(function() {
settime(val)
},1000)
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: