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);
}
}); 