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

由于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

时间: 2024-08-03 07:27:51

手机注册,即发送验证码进行验证的相关文章

Web项目中手机注册短信验证码实现的全流程及代码

最近在做只能净化器的后台用户管理系统,需要使用手机号进行注册,找了许久才大致了解了手机验证码实现流程,今天在此和大家分享一下. 我们使用的是榛子云短信平台, 官网地址:http://smsow.zhenzikj.com 我是java开发者,后端使用了springMvc,前端用的是jsp + jquery 短信验证码实现流程 1.构造手机验证码,生成一个6位的随机数字串:2.使用接口向短信平台发送手机号和验证码,然后短信平台再把验证码发送到制定手机号上3.将手机号验证码.操作时间存入Session

实现手机发送验证码 进行验证

Html: <li><label class="k" for="">手机号码:</label><span class="v"><input class="psp-text" style="width: 90px; ime-mode: disabled;" type="text" id="txtMobileCode"

关于手机的,发送验证码,正则

手机号验证:var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/; //每秒减一 var intervalObj; var curCount=60; function sendMessage(){ intervalObj=window.setInterval(setRemainTime,1000); } function setRemainTime(){ if(curC

jQuery实现的手机发送验证码倒计时效果代码分享

这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果:首先检测手机是否符合1开头,11位数字的格式:若不符合,则提示错误信息并返回false:否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: 年利率高达14.4% 上海投融理财,20万起投,年化收益14.4% 房产抵押,

各大APP注册时发送短信验证码是怎么实现的?

回答这个问题可以从多个角度来回答,比如商务角度和技术角度,为了快速清晰的让广大的读者了解这个过程,本文我们从商务角度来深入分析. 实现原理 现各大APP发送短信的服务一般是由第三方短信服务商提供的,他们整合了移动,联通.电信三方资源,三网都可以发送,这样就不需要直接对接运营商了. 发送短信验证码主要是为了验证手机方的真实性,实现原理简单说就是系统先生成一个验证码,调用第三方服务商的短信接口,发送到手机方,手机方输入验证码,再由系统去校验是否符合,符合则说明手机真实有效. 服务商选择 提供短信接入

laravel框架手机发送验证码

https://blog.csdn.net/sunny_lg/article/details/52471225 现在登录注册时 我们的验证方法 不在单一化  手机发送验证码 已经成为常态 让我们 一起来实现以下吧 ! 首先我们要先找短信的接口 我用的是  云信使   这里是他的地址http://sms.sms.cn/login.php?cgh 大家可以去注册一下 1.进入视图 <ul class="register"> <li> <label>手机号

APP中注册时常用的发送验证码的Button,带倒计时重发功能

finddreams:http://blog.csdn.net/finddreams/article/details/44174775 注册时我们经常会碰到,给手机发送验证码的功能,点击发送验证码,然后就是显示剩余多少秒之后重新发送验证码,效果图如下: 为了实现这样的效果,当用户点击发送验证码时,显示为剩余多少秒重新发送,同时设置这个Button的状态为不可点击,所以是个灰色背景.等倒计时完了之后,把Button的状态置为可以点击状态.Android中内置的普通的Button是达不到要求的,我们

jquery实现手机发送验证码的倒计时代码(转)

var wait = 60;//时间 function time(o, p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 if (wait == 0) { //o.removeAttr("disabled"); //o.val("点击发送验证码");//改变按钮中value的值 //p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); $('#'+p).removeAttr(&quo

Java实现发送短信验证验证码功能

这几天老大让我弄一个发送短信验证码的功能,使用的是信易通的短信平台接口,然后在Java中使用HttpClient模拟POST请求或者GET请求(看短信平台要求,一般的情况下都是POST请求),调用短信平台提供的接口(遵循短信平台的接口规范即可).具体看代码: 使用HttpClient的时候需要在项目中引入: commons-httpclient-3.1.jar 这个jar包, 项目结构: 1.创建一个Http的模拟请求工具类,然后写一个POST方法或者GET方法 /** * 文件说明 * @De