js動態驗證碼獲取

<!DOCTYPE html>
<html lang="cn">
<head><meta charset="UTF-8"><title>短信驗證碼</title>
</head>
<body>
<input type="number" id="tel" value="13303861063">
<button for="pwd"  id="btnCode">發送驗證碼</button>
</body>
<script>var tel = {phone:13303861063}//tel 為 {phone:13303861063} 格式var url = 'https://blog.csdn.net/qq_37144354/article/details/79905304'sendcode(tel,url);function sendcode(tel,url) {//code 基礎部分不用改，按鈕id為 btnCodecode = {url:url,data:tel,btn:"btnCode",//按鈕的類名，id名time:120,sendSF:true,//狀態判斷sendfn:function () {if(code.sendSF){code.sendSF = false;var t = setInterval(function () {code.time--;obj.innerText="重新發送("+code.time+")";if (code.time == 0){clearInterval(t);obj.innerText='重新獲取';code.sendSF = true;code.time = 120;}},1000)}},handler:function () {if (code.time >0 && code.time <120){alert('驗證碼30分鐘才能獲取一次')}else {code.ajaxfn(code.url,code.data)}},ajaxfn:function (url,data) {code.sendfn();/* $.ajax({type:'GET',url:url,data:data,success:function (data) {if(data == 'success'){alert( '驗證碼30分鐘內有效，請注意查收');code.sendfn();}else if (data == 'fail'){alert( '驗證碼30分鐘內只能發送一次，請等候');}},error: function () {alert('網絡異常，通信錯誤，請檢查你的網絡');}})*/}}var obj = document.getElementById(code.btn);//ajaxfn 用于ajax發送驗證碼 url 為ajax接口，data：{phone:tel}為向后臺傳送數據obj.addEventListener("click",code.handler,false)}
</script>
</html>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/247885.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/247885.shtml
英文地址，請注明出處：http://en.pswp.cn/news/247885.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！