簡訊傳送倒計時
阿新 • • 發佈:2018-12-16
//html頁面
手機號:<input type="text" name="tel" id="tel"><br>
驗證碼:<input type="text" name="code" id="code" size="8"><input type="button" id="btn" value="獲取驗證碼" onclick="sendSMS()">
<br>
<input type="button" value="手機號登入" id="but">
<script src="__STATIC__/js/jquery.js"></script>
<script src="__STATIC__/js/sms.js"></script>
//js頁面
var countdown=60;
function sendSMS(){
//判斷手機號的文字框
var reg=/^1[35876]\d{9}$/;
var tel=$("#tel").val();
if(tel==""){
alert("手機號不能為空");return false;
}
if(!reg.test(tel)){
alert("手機號碼不合法");return false;
}
//呼叫倒計時
var obj = $("#btn");
settime(obj);
$.get(
"http://localhost/Month8/day1/public/index.php/index/qlogin/dlogin_do?tel="+tel,
function (data) {
console.log(data);
})
}
function settime(obj) { //傳送驗證碼倒計時
if (countdown == 0) {
obj.attr('disabled',false);
//obj.removeattr("disabled");
obj.val("免費獲取驗證碼");
countdown = 60;
return;
} else {
obj.attr('disabled',true);
obj.val("重新發送(" + countdown + ")");
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}