关于手机短信接收验证码的实现原理:
思路：
A:获得验证码:
1.找到相关的表。
2.用什么发送,post，get ,ajax,当然ajax首选
3.post之前要js先判断是手机号码11位，并且全部都是数字，或者用正则也行。
4.用ajax发送数据data,要对数据进行检验，过滤有效数据valid
5.insert前要先判断这手机是否验证过了,已经验证过就return false;没验证过则把随机生成的6位验证码insert 数据库表中。
6.通过提供给你api写好调用，把验证码跟msg通过ajax返回值发送给向客户，并用js做一个倒计时计数器.
B:接收验证码，提交表单：
1.接收post过来数据，把验证码跟跟刚才插入数据库中的6位key进行比较。如果相等，则说明是最后一次发送的验证码才有效。
2.对数据库insert 操作.最少要做个认证tag标志.
先贴出html部分:
<!--手机认证 Begin--><div style="display: block;" class="auth_ck_detail" id="auth_ck_phone"><div class="item_title item_margin"><p>手机认证</p><span class="shadow"></span></div><form name="myform" id="myform" action="http://www.hnb.cc/jiaoyou/usercp.php?c=certify&a=rzmobile" method="post"><table class="user-table table-margin lh35" border="0" cellpadding="0" cellspacing="0" width="98%"><tbody><tr><td class="lblock" width="15%">您的手机号码：</td><td class="rblock" width="85%"><input name="mobile" id="mobile" value="" class="input-150" type="text" style="width:130px;"> <input name="btn_downtime" id="btn_downtime" value="免费获取验证码" style="height: 25px; background:#F5487A; color:#fff; padding-left: 2px; padding-right: 5px; width:175px;" class="button-green-b" type="button"> <span id="tips_mobile"></span><br><div class="mb-verifycode" style=" width:320px; background:#FFDD55;margin-top:10px; color:#666666; padding-left:10px; padding-bottom:5px;" ><p style="font-size:13px;">输入以下图片校验码才可以获取手机验证码</p><dl style=" float:left;"><dt style=" float:left;">校验码：</dt><dd style=" float:left; "><input style="width:100px; " value="" name="mbverifycode" id="mbverifycode" maxlength="6" type="text"> <img id="verifycode-img" src="#" style="vertical-align: middle;"> <span id="btn_mbverifycode" >换一个</span></dd><div style="clear: both;"></div></dl><div style="clear: both;"></div></div></td></tr><tr><td class="lblock">收到的验证码：</td><td class="rblock"><input value="" name="checkcode" id="checkcode" class="input-s" type="text"> <font color="#df4070">(输入您手机收到的验证码)</font></td></tr><tr><td class="lblock" height="40"></td><td class="rblock"><input value="提交验证" οnclick="return checkrzmobile();" class="button-gray" type="button"></td></tr></tbody></table></form><table class="user-table table-margin lh25" border="0" cellpadding="0" cellspacing="0" width="98%"><tbody><tr><td>为什么要进行手机认证？<br>1、认证通过后可在您的资料页点亮手机认证图标，提高你的诚信等级；<br>2、接收来自网站和会员发送的手机短信。<br></td></tr></tbody></table><script type="text/javascript">//处理手机验证码$("#verifycode-img").attr("src", "/jiaoyou/source/include/imagecode.php?act=verifycode&t_code="+(new Date()).getTime());$(function(){$("#btn_mbverifycode").click(function(){$("#verifycode-img").attr("src", "/jiaoyou/source/include/imagecode.php?act=verifycode&t_code="+(new Date()).getTime());return false;});$("#btn_downtime").click(function(){ //获取手机验证码var tips = $("#tips_mobile");var args_mobile = $("#mobile").val();var args_mbverifycode = $("#mbverifycode").val();if (!isMobile(args_mobile)) {tips.html('请填写正确的手机号码');return false;}$.ajax({type: 'POST',//jiaoyou/index.php?c=ajax&a=checkregmobile// url:"/jiaoyou/index.php?c=ajax",url:"/jiaoyou/usercp.php?c=certify",cache: false,data: {a:"checkregmobile", mobile: args_mobile, verifycode:args_mbverifycode, r: get_rndnum(8)},dataType: 'json',success: function(data) {var json = eval(data);var response = json.response;var result = json.msg;// alert(json.response);if (response == "1") {initGetDownTime('mobile', 'btn_downtime');/*时间倒计时*/tips.html("<font color='green'>验证码发送成功，请注意查收。</font>");}else {if (result.length > 0) {tips.html("<font color='red'>"+result+"</font>");}else {tips.html("<font color='red'>发送失败，请检查手机号。</font>");}}},error: function() {tips.html("<font color='red'>请求错误</font>");}});});});/*----------------- 倒计时 start ----------------*/var init_down_time = 60;var init_intervalDownTimeObj;/*** 倒计时* @param:: string mbinput */function initGetDownTime(mbinput, btnobj) {var mb = $("#"+mbinput).val();if (isMobile(mb)) {init_intervalDownTimeObj = setInterval("countDownTime('"+btnobj+"')", 1000);}}function countDownTime(btn) {$('#'+btn).attr("disabled", "true");$('#'+btn).val(""+init_down_time+"秒后没收到短信重新发送");init_down_time--;if (init_down_time == 0){clearInterval(init_intervalDownTimeObj); //停止时间$('#'+btn).removeAttr("disabled");$('#'+btn).val("重新发送");init_down_time = 60;}}/*----------------- 倒计时 end ----------------*/</script></div><!--//手机认证 End-->
A:
下面php接收ajax接收方法:
/*hnb新增加的手机接收验证方法*/public function control_checkregmobile( ){$response = 0;$mobile = XRequest::getArgs('mobile');/*得到手机号 这个跟$_post接收数据是一样的*/$checkcode = XRequest::getArgs('verifycode');/*得到验证码这个跟$_post接收数据是一样的*/if (!empty($checkcode)) {parent::loadUtil('session');$nowcode = XSession::get('verifycode');if ($checkcode!== $nowcode) {echo json_encode(array('response' => $response,'msg'=>'您的校验码有误！'));exit;}}else{echo json_encode(array('response' => $response,'msg'=>'您的校验码有误！'));exit;}$model = parent::model('user','am');$target = "http://api.bjszrk.com/sdk/BatchSend.aspx"; /*接口url*/if (true === $model->doExistsMobile($mobile)) /*检测手机是否已经验证*/{$response = 2;$msg='对不起,您的手机号码已经通过验证，请不要重复操作！';}else {$model_certify = parent::model('certify', 'um');list($mbcode, $error) = $model_certify->GetMobileCode($mobile); /*生成一个随机数及插入数据*/$content="您的验证码是：".$mbcode."。欢迎注册我主良缘交友网，请勿将验证码告知他人！";$msg=$model->postMbCode($mobile, $content); /*调用post给api接口方法*/ $response = 1;$msg='验证码已发送成功，请注意查收！';}echo json_encode(array('response'=>$response,'msg'=>$msg));}
检测手机是否已经验证过的doExistsMobile方法如下:
public function doExistsMobile($mobile){$res = false;$sql = 'SELECT `userid` FROM ' . DB_PREFIX . 'user_attr' . " WHERE `mobile`='{$mobile}'";$rows = parent::$obj->fetch_first($sql);if (!empty($rows)) {$res = true;} unset($sql, $rows);return $res;}
/*GetMobileCode方法具体实现如下:*//*r把随机得到的6位验证码insert到数据库表中*/public function GetMobileCode($mobile){$result = 0;$message = null;$checkcode = XHandle::getRndChar(6, 1);$userid=parent::$wrap_user['userid'];$sql="update user_status set mobilesalt='$checkcode' where userid='$userid'";parent::$obj->query($sql);$result = 1;$sql = (('SELECT * FROM ' . DB_PREFIX) . 'mobile_checkcode') . " WHERE `mobile`='{$mobile}'";$rows = parent::$obj->fetch_first($sql);if (!empty($rows)) {$array = array('checkcode' => $checkcode, 'updatetime' => time());parent::$obj->update(DB_PREFIX . 'mobile_checkcode', $array, ('`id`=\'' . $rows['id']) . '\'');} else {$id = parent::$obj->fetch_newid(('SELECT MAX(id) FROM ' . DB_PREFIX) . 'mobile_checkcode', 1);$array = array('id' => $id, 'mobile' => $mobile, 'checkcode' => $checkcode, 'createtime' => time());parent::$obj->insert(DB_PREFIX . 'mobile_checkcode', $array);}unset($sql);unset($rows);return array($checkcode, $message);}
B:
下面是得到了验证码Form表单点提交php的方法.
submit提交*/public function control_rzmobile( ){$service = parent::service( "certify", "us" );/*接收数据，验证手机格式及号码*/list( $mobile, $salt ) = $service->validRzMobile( );/*salt 为手机验证码*/unset( $service );$model = parent::model( "certify", "um" );$result = $model->doValidMobile( $mobile, $salt ); /*调用model三张表进行数据操作*/unset( $model );if ( TRUE === $result ){if ( $this->halttype == "jdbox" ){XHandle::jqdialog( "手机号码验证成功", 1 );}else{XHandle::halt( "手机号码验证成功", $this->ucfile."?c=certify", 0 );}}else{XHandle::halt( "手机号码验证失败", "", 1 );}}
上面dovalidmobile函数方法具体实现:
/*手机认证提交 分别在三个表里操作对象*/public function doValidMobile( $mobile, $validkey ){$result = FALSE;$sql = "SELECT userid FROM ".DB_PREFIX.( "user_status WHERE mobilesalt='".$validkey."' AND userid='" ).parent::$wrap_user['userid']."'";//SELECT userid FROM user_status WHERE mobilesalt='5522' AND userid='209367'$rows = parent::$obj->fetch_first( $sql );if ( !empty( $rows ) ){$status_array = array("mobilerz" => 1,"mobilesalt" => XHandle::getrndchar( 6, 1 ));// print_r($status_array);exit;parent::$obj->update( DB_PREFIX."user_status", $status_array, "userid='".parent::$wrap_user['userid']."'" );$attr_array = array("mobile" => $mobile);parent::$obj->update( DB_PREFIX."user_attr", $attr_array, "userid='".parent::$wrap_user['userid']."'" );parent::loadlib( "user" );$star = XUser::updatestar( parent::$wrap_user['userid'] ); /*加星为user_status表里设置star星级*/$result = TRUE;if ( TRUE === $result ){$m_indexs = parent::model( "indexs", "am" ); /*作用在user_params表里加上论证标志，可能是用户左边栏加上星标志*/$m_indexs->updateIndexs( parent::$wrap_user['userid'], array("rzmobile" => 1,"star" => $star) );unset( $m_indexs );}}return $result;}
