手机注册,即发送验证码进行验证


由于leancloud提供了一套手机短信验证,因此通过leancloud发送验证

1.注册leancloud账号,创建对应java项目的leancloud项目,获得应用的appID,appKey
(手下留情,别复制我的哈)
2.于html页面或者jsp页面加入对应的js

<script src="https://leancloud.cn/scripts/lib/av-0.5.1.min.js"></script>
<script src="js/common/jquery.js" type="text/javascript"></script>(解析jquery)

以上皆为准备,以下为重点。。。

3.html页面(别问我,怀疑你的智商)
<input maxlength="200" id="mobile" name="mobile" dataType="mobile" autocomplete="off">
<button onclick="sendCode()">发送激活码</button>

<input maxlength="200" id="tel_code" name="tel_code" autocomplete="off">
<span id="msg_code" style="color:red;">(发送验证后十分钟可再次发送)</span>

4.对应的js

(1)将leancloud注册的项目获得的appId,appKey初始化进入web项目
AV.initialize("x8c1c6z8pe1nfp02qdfsjg992kpr2nvk2hwy3birx3ff4o27", "l67mh8v8tjsm16gu8pwlchpkqb2d1hmd80gt11zcwwa14lqv");//别比较之上的,这是两个项目

(2)发送验证码
AV.Cloud.requestSmsCode(tel).then(function(){
//发送成功
$("#msg_code").html("验证码已发送,请输入验证码");
}, function(err){
alert(err.message);
//发送失败
$("#msg_code").html("发送失败,请检查手机号");
});

(3)验证,在这儿我用的是移除焦点后验证

var telcode=$("#tel_code").val();
var tel=$("#mobile").val();

AV.Cloud.verifySmsCode("获得的手机验证码", "对应输入的手机号").then(function(){
//验证成功
$("#msg_code").html("手机验证码正确!");
}, function(err){
//验证失败
$("#tel_code").val("");
$("#msg_code").html("手机验证码错误!");
});

备注:
  以上短信验证使用leancloud原生提供的验证机制,验证时间间隔10分钟,api提供了可制定短信模板,短信时间。
  leancloud地址:https://leancloud.cn/customers.html

优质内容筛选与推荐>>
1、区块链|学习笔记(五)
2、队列的实现c++
3、整理 C#(同步调用、异步调用、异步回调)
4、孙鑫MFC学习笔记8:对话框编程(下)
5、win10环境下利用pyinstaller把python代码(.py)打包成可执行文件(.exe)


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号