<td>
<input type="text" id="phone" name="phone" class="pb-mt15 txt" placeholder="请输入正确的手机号">
<!--<button type="button" id="getCode" class="pb-icons pb-mt15">获取短信验证码</button>-->
<input type="button" id="getCode" style="width:117px;height:50px;cursor:pointer;"
class="pb-icons pb-mt15" value="免费获取验证码">
</td>
<script type="text/javascript">
// 点击按钮后执行ajax方法
$("#getCode").click(function(){
$.ajax({
type: "POST",
url:"Qcloud/ceshi/sms.php",
data: "&phone=" + $("#phone").val(),
success : function(result){
//转换为json对象
var date = eval("(" + result + ")");
console.log(date);
// 进行判断
if(date.result == 0){
//发送成功 将按钮状态变成不可点击状态
// disabled=true
//设置时间间隔,多长时间后可点击
//1.setInterval
//2.disabled=false
session_start;
alert("发送短信成功");
}else{
//发送短信失败
alert("发送短信失败");
}
}
});
})
</script>
倒计时
<script type="text/javascript">
document.getElementById("getCode").onclick = function() {time(this);}
var wait = 60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value = "免费获取验证码";
wait = 30;
} else {
o.setAttribute("disabled", true);
o.value = "重新发送(" + wait +'s'+ ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
</script>
想要更多联系我