<div>
<input type="tel" class="tel">
<input type="text" autofocus="autofocus" placeholder="请输入验证码">
<input type="button" value='获取验证码' class="code">
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script>
$("input.code").click(function(){
createCode();
var code = $(".code")
timer(code);
})
var createCode = function (){
let tel = $("input[type='tel']").val();
$.ajax({
type:'POST',
url:'',
// dataType:'JSON',
data:{"tel":tel},
contentType:"application/x-www-form-urlencoded; charset=utf8",
success:function(result){
if(result==1){
}else{
}
},
error:function(status,result){
// console.log(data);
}
})
}
var wait = 60;
function timer(z){
if(wait==0){
z.removeAttr("disabled")
z.val("获取验证码");
wait = 60;
}else{
z.attr("disabled","true");
z.val("倒数"+wait+"S");
wait--;
setTimeout(function(){
timer(z);
},1000)
}
}
</script>
<input type="tel" class="tel">
<input type="text" autofocus="autofocus" placeholder="请输入验证码">
<input type="button" value='获取验证码' class="code">
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script>
$("input.code").click(function(){
createCode();
var code = $(".code")
timer(code);
})
var createCode = function (){
let tel = $("input[type='tel']").val();
$.ajax({
type:'POST',
url:'',
// dataType:'JSON',
data:{"tel":tel},
contentType:"application/x-www-form-urlencoded; charset=utf8",
success:function(result){
if(result==1){
}else{
}
},
error:function(status,result){
// console.log(data);
}
})
}
var wait = 60;
function timer(z){
if(wait==0){
z.removeAttr("disabled")
z.val("获取验证码");
wait = 60;
}else{
z.attr("disabled","true");
z.val("倒数"+wait+"S");
wait--;
setTimeout(function(){
timer(z);
},1000)
}
}
</script>