现在各种平台登录验证很多时候会使用短信验证，快捷安全，有很多平台提供短信验证服务，相比较而言阿里大于价格比较便宜，快捷，所以在在千锋日常的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技术，请持续关注千锋教学日记。
网友评论