Génération de code de vérification
1. Cliquez pour envoyer le code SMS de vérification et un compte à rebours de 60 secondes apparaîtra en js :
<?php $(document).ready(function() { $("#yzmfs").click(function () { //确保手机号不为空 var mobile=$("#phone").val(); if(mobile.length==0) { alert('请输入手机号码!'); $("#phone").focus(); return false; } if(mobile.length!=11) { alert('请输入11位手机号!'); $("#phone").focus(); return false; } var myreg = /^((1[3|4|5|8][0-9]{1})+\d{8})$/; if(!myreg.test(mobile)) { alert('请输入正确的手机号码!'); document.getElementById("phone").focus(); return false; } //点击发送短信验证码 }) })
3. Ajax réalise la génération du code de vérification
Introduisez d'abord le fichier jquery
<script src="jquery-1.11.0.js" type="text/javascript"> </script>
<script type="text/javascript">
var countdown=60;
function settime(obj){
//60秒倒计时
if (countdown == 0){
obj.removeAttribute("disabled");
obj.value="发送短信验证码";
countdown = 60;
return;
}else{
obj.setAttribute("disabled", true);
obj.value="重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}
</script>
4, créez une requête ajax code.php pour renvoyer les données
et effectuez un cryptage base64 sur le code de vérification, le code est le suivant :
<?php //点击发送短信验证码 $.ajax({ async : false, type: "get", url: "code.php", // data: {}, success: function (data) { $("#code").val(data); } });