PHP手機驗證碼+JS
以下是JS手機獲取驗證碼的代碼:
<script src="http://www.mz178.com/templates/default/default/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">/*-------------------------------------------*/
var InterValObj; //timer變量,控制時
var count = 5; //間隔函數,1秒執
var curCount;//當前剩余秒
var code = ""; //驗證碼
var codeLength = 6;//驗證碼長度
function sendMessage() {
curCount = count;
var dealType; //驗證方式
var phone=$("#phone").val();//用戶
for (var i = 0; i < codeLength; i++) {
code += parseInt(Math.random() * 9).toString();
} //設置button效果,開始計時
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");
InterValObj = window.setInterval(SetRemainTime, 1000); //啟動計時器,1秒執行一次//向后臺發送處理數據
$.ajax({ type: "POST", //用POST方式傳輸
dataType: "text", //數據格式:JSON
url: 'http://www.qimingxing.hk/demo.php', //目標地址
data: "phone=" + phone + "&code=" + code,
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("錯誤");
},
success: function (msg){ }
}); }
//timer處理函數
function SetRemainTime() {
if (curCount == 0) { window.clearInterval(InterValObj);//停止計時器
$("#btnSendCode").removeAttr("disabled");//啟用按鈕
$("#btnSendCode").val("重新發送驗證碼") ;
code = ""; //清除驗證碼。如果不清除,過時間后,輸入收到的驗證碼依然有效
}
else {
curCount--;
$("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");
} }
</script>
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩定
產品高可用性高并發貼心
項目群及時溝通專業
產品經理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽堅持
10年專注高端品質開發