代码如下:
<div>
<a shref="发送验证码的url" href="javascript:void(0);" οnclick="getsms(this)" class="btn btn-default"> 点此获取验证码 </a>
</div>
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
//获取验证码
function getsms(a){
var url = $(a).attr('shref');
var phone = $("#phonenum").val();
//ajax请求验证码功能
$(a).removeAttr('onclick');
requestsms(url,phone);
$(a).html('再次获取验证码倒计时:60秒');
var looph = setInterval(function(){var num = $(a).html().replace(/\D/ig,'');num--;if(num<1){ $(a).html("点此获取验证码"); clearInterval(looph);}else {$(a).html("再次获取验证码倒计时:"+num+"秒")}},1000);
setTimeout(function(){$(a).attr('onclick',"getsms(this)")},60000);
}
//发送验证码
function requestsms(url,phone){
$.ajax({
url:url,
type:"post",
data:{"phone":phone},
dataType:"json",
success:function(data){
},
error:function(err){
alert("请检查网络连接是否正常!");
}
});
}
</script>