用户手机号获取验证码注册源码分享
凉白开 2018-01-26
叮~
你的源码分享纯干货到了，
请注意查收！
用户手机号注册源码分享，首页获取验证码，调用阿里大鱼短信验证码，接口thinkphp5.2写的，可以判断手机号是否注册，短信发送是否成功。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metaname="viewport"content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<metaname="format-detection"content="telephone=no,email=no,date=no,address=no">
<title>title</title>
<linkrel="stylesheet"type="text/css"href="../css/api.css"/>
<linkrel="stylesheet"type="text/css"href="../css/style.css"/>
<linkrel="stylesheet"type="text/css"href="../css/aui.2.0.css"/>
</head>
<body>
<divclass="aui-contentaui-margin-b-15">
<ulclass="aui-listaui-form-list">
<liclass="aui-list-item">
<divclass="aui-list-item-inner">
<divclass="aui-list-item-label-icon">
<iclass="aui-iconfontaui-icon-mobile"></i>
</div>
<divclass="aui-list-item-input">
<inputtype="text"placeholder="手机号"id="mobile">
</div>
</div>
</li>
<liclass="aui-list-item">
<divclass="aui-list-item-inner">
<divclass="aui-list-item-label-icon">
<iclass="aui-iconfontaui-icon-lock"></i>
</div>
<divclass="aui-list-item-input">
<inputtype="text"placeholder="验证码"id="code">
</div>
<divclass="aui-list-item-label-icon">
<iclass="aui-iconfontaui-icon-display"></i>
</div>
</div>
</li>
</ul>
</div>
<divalign="center">
<buttontype="button"onclick="get_code();">
获取验证码
</button>
<buttontype="button"onclick="next_reg();">
下一步
</button>
</div>
</body>
<scripttype="text/javascript"src="../script/api.js"></script>
<scripttype="text/javascript">
varmobile=document.getElementById("mobile");
varcode=document.getElementById("code");
varcode_str="";
for(vari=0;i<6;i++){
code_str+=Math.round(Math.random()*10);
}
vargetcode=document.getElementById("getcode");
//alert(code_str);
functionget_code(){
//alert(mobile.value);
//alert();
if(mobile.value.length==0){
alert("手机号不能为空");
return;
}
api.ajax({
url:'http://huodong.demo.com/index.php/api/Member/getCode',
method:'post',
data:{
values:{
mobile:mobile.value,
code_str:code_str,
signature:'*******'
}
}
},function(data){
//alert(data.code);
if(data){
if(data.code==1){
//alert('验证码发送成功');
api.toast({
msg:'验证码发送成功'
});
}elseif(data.code==2){
alert('验证码发送失败');
}elseif(data.code==3){
alert('手机号已注册');
}
}else{
alert('111');
}
});
}
//用户注册
functionnext_reg(){
if(code.value!=code_str){
alert("验证码错误");
return;
}
//api.openWin({
//name:'personer_regsetpass',
//url:'personer_regsetpass.html',
//pageParam:{
//mobile:mobile.value
//}
//});
api.openWin({
name:'personer_regsetpass',
url:'./a_headbackindex.html',
pageParam:{
title:'注册',
url:'personer_regsetpass',
mobile:$api.setStorage('mobile',mobile.value)
}
});
}
//functionbacktoIndex(){
//api.closeToWin({
//name:'root'
//});
//}
apiready=function(){
//$api.fixStatusBar($api.dom('header'));
//api.addEventListener({
//name:'keyback'
//},function(ret,err){
//backtoIndex();
//});
};
</script>
</html>
php接口代码：
//注册获取手机验证码接口
publicfunctiongetCode()
{
$code=Request::instance()->post('code_str');
$mobile=Request::instance()->post('mobile');
$signature=Request::instance()->post('signature');
$str=Db::table('member')->where('phone',$mobile)->find();
if($str){
//echo3;
$res['code']=3;
}else{
if($signature=='************'){
Loader::import('AlibabaAliqinFcSmsNumSendRequest',EXTEND_PATH);
Loader::import('TopClient',EXTEND_PATH);
Loader::import('ResultSet',EXTEND_PATH);
Loader::import('RequestCheckUtil',EXTEND_PATH);
Loader::import('TopLogger',EXTEND_PATH);
$c=new\TopClient;
$c->appkey='';//换成自己的
$c->secretKey='';//换成自己的
$req=new\AlibabaAliqinFcSmsNumSendRequest;
$req->setExtend("123456");
$req->setSmsType("normal");
$req->setSmsFreeSignName("");//换成自己的
$req->setSmsParam("{\"code\":\"$code\",\"product\":\"注册\"}");
$req->setRecNum("$mobile");
$req->setSmsTemplateCode("SMS_2575466");
$resp=$c->execute($req);
if($resp){
//echo1;
$res['code']=1;
}else{
//echo2;
$res['code']=2;
}
}else{
//echo3;
$res['code']=3;
}
}
echojson_encode($res);
}
