关于手机短信接收验证码的实现原理:
思路：
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="提交验证" onclick="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;
}
