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>
總結
- 上一篇： vux 组件库首次使用安装
- 下一篇： js通过身份证获取年龄