Thinkphp5使用阿里大于短信验证

现在各种平台登录验证很多时候会使用短信验证,快捷安全,有很多平台提供短信验证服务,相比较而言阿里大于价格比较便宜,快捷,所以在在千锋日常的PHP教学中多以此为例来说明短信验证的使用。下面我们在tp5中说明如何使用阿里大于进行短信验证。

用户注册 *{margin: 0px;padding: 0px;} .content{width: 360px;background: pink;} .title{text-align: center;font-size: 18px;width:100%;height: 30px;line-height: 30px;} .register{height: 30px;line-height: 30px;width: 60px;text-align: center;float: right;} a{text-decoration: none;} .middle{width: 360px;} .headimage{width: 100%;} .headimage p{text-align: center;} .middle input{display: block;width: 98%;margin: 0px auto;height: 30px;} .middle input[type='submit']{margin-top: 20px;} .middle form .code{display: inline-block;width: 75%;height: 30px;} .middle form button{width: 22%;height: 32px;}

注册
获取验证码

//验证手机号 $("#mobile").blur(function(){ var value = $(this).val(); console.log(value,typeof value); if ( 0 == value.lenght || "" == value) { //alert("手机号不能为空!") $(this).focus(); } else { $.post('/index/user/validPhone',{phone:value},function(data){ if (data) { alert("手机号重复!"); } }); }

});varInterValObj;//timer变量,控制时间varcount =60;//间隔函数,1秒执行varcurCount;//当前剩余秒数varcode ="";//验证码varcodeLength =6;//验证码长度$('#sendmsg').click(function(){varphone = $("#mobile").val();console.log(phone);    $.ajax({        type:"POST",        url:"/index/user/sendSMS",        data:"mobile="+$("#mobile").val() ,        success:function(data){console.log(data);//data.result && data.result.successif(data){                    curCount = count;//设置button效果,开始计时$("#sendmsg").css("background-color","LightSkyBlue");                  $("#sendmsg").attr("disabled","true");                  $("#sendmsg").html("获取"+ curCount +"秒");                  InterValObj =window.setInterval(SetRemainTime,1000);//启动计时器,1秒执行一次// alert("验证码发送成功,请查收!");}          },          dataType:'json'});returnfalse;})functionSetRemainTime(){if(curCount ==0) {window.clearInterval(InterValObj);//停止计时器$("#sendmsg").removeAttr("disabled");//启用按钮$("#sendmsg").css("background-color","");        $("#sendmsg").html("重发验证码");        code ="";//清除验证码。如果不清除,过时间后,输入收到的验证码依然有效}else{        curCount--;        $("#sendmsg").html("获取"+ curCount +"秒");    }}

更多实用php技术,请持续关注千锋教学日记。

你可能感兴趣的:(Thinkphp5使用阿里大于短信验证)