apicloud apicloud

注册
查看: 5156|回复: 5

[模块教程] sendsms短信验证功能实现代码

主题:
4
帖子:
45
云币:
137

[模块教程] sendsms短信验证功能实现代码

5156 5 | 发表于 2015-9-19 17:42:13 |阅读模式 | |
最近问这个的人有点多,把代码传上来,希望对新手有用
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6.     <title>APP</title>
  7.     <link rel="stylesheet" type="text/css" href="../css/api.css" />
  8.     <link rel="stylesheet" type="text/css" href="../css/common.css" />
  9.         <style>
  10.                 #con{
  11.                         margin:10px;
  12.                         font-size: 28px;
  13.                 }
  14.                 ul{
  15.                         margin-bottom:10px;
  16.                 }
  17.                 .txt{
  18.                         margin:5px 10px;
  19.                         padding:5px;
  20.                         color:#000;
  21.                         word-wrap: break-word;
  22.                 }
  23.                 input[type="text"]{
  24.                         border-radius: 6px;
  25.                     background-color: #FFFFFF;
  26.                     height: 36px;
  27.                     border: 1px solid #D2CCCE;
  28.                     color: #D2CCCE;
  29.                     line-height: 36px;
  30.                     text-indent: 7px;
  31.                     width:120px;
  32.                     background-clip:padding-box;
  33.                 }
  34.                 input[type="button"],#con{
  35.                         border-radius: 6px;
  36.                     background-color: #81A9C3;
  37.                     height: 36px;
  38.                     border: 1px solid #D2CCCE;
  39.                     color: #FFFFFF;
  40.                     line-height: 36px;
  41.                     padding-left:30px;
  42.                     padding-right:30px;
  43.                     background-clip:padding-box;
  44.                 }
  45.         </style>
  46. </head>
  47. <body>
  48.         <br>
  49.                             <input type="button" onclick="reg_sms()" value="注册短信模块" /><br><br>
  50.         手机号<input type="text" id="tel" name="tel" value="" placeholder="输入手机号" />
  51.     <input type="button" class="yzm-btn" onclick="send_sms()" value="发送验证码" /><br><br>
  52.         验证码<input type="text" id="code" name="code" value="" />
  53.     <input type="button" onclick="code_sms()" value="短信验证" /><br><br><br><br><br><br><br><br>
  54.         <!-- 市场评分模块 -->
  55.         ----------市场评分模块-------------<br><br>
  56.     <label id="con" onclick="tosmarket()">5星好评支持我们</label>
  57.         <div id='sys-info'>这里我用的是微信,可以随意改</div>
  58. </body>
  59. <script type="text/javascript" src="../script/api.js"></script>
  60. <script type="text/javascript" src="../script/zepto.min.js"></script>
  61. <script type="text/javascript">
  62.        
  63.     apiready = function(){
  64.                 sendsms = api.require('sendSms');
  65.     };
  66.    
  67.     function reg_sms(){
  68.             //貌似是120秒内只能注册一次,不然会失败,注意下
  69.         var param = {appkey:"6680ba14a50e",appsecret:"95b67202d004b9f4ab2a38f3eda2e82c"};
  70.         sendsms.regSms(param);
  71.         alert("注册成功");
  72.     }
  73.    
  74.     function send_sms(){
  75.             var tel = document.getElementById("tel").value;
  76.         var param = {phone:tel};
  77.         sendsms.sendMessage(param,function(ret,err){
  78.                 if(ret.result == "ok"){
  79.                         maxtime = 90;
  80.                                 timer1 = setInterval("send_code_jishi();", 1000);
  81.                         alert("短信发送成功");
  82.                 }else{
  83.                         alert(ret.result);
  84.                 }
  85.         });
  86.     }
  87.    
  88.     function code_sms(){
  89.         var mycode = document.getElementById("code").value;
  90.         var param={code:mycode};
  91.         sendsms.enterCode(param,function(ret,err){
  92.                         if(ret.result == "ok"){
  93.                                 alert("验证成功");
  94.                         }else{
  95.                                 alert("验证失败");
  96.                         }
  97.                 });
  98.     }
  99.    
  100.     function tosmarket(){
  101.             if (api.systemType =="android"){
  102.                         smarket = api.require('marketScore');
  103.                         var param = {appname:"com.tencent.mm"};
  104.                 smarket.myScore(param);
  105.                 }else{
  106.                         api.openApp({
  107.                             iosUrl: 'https://itunes.apple.com/cn/app/wei-xin/id414478124?mt=8'
  108.                         },function(ret,err){
  109.                         });
  110.                 }
  111.     }
  112.     var timer1 = "";
  113.         var maxtime = 90;
  114.         function send_code_jishi(){
  115.             if(maxtime == 0){
  116.                     clearInterval(timer1);
  117.                 $(".yzm-btn").val("重发验证码");
  118.             }else{
  119.                     maxtime--;
  120.                     $(".yzm-btn").val(maxtime+"秒可重发");
  121.             }
  122.         }
  123. </script>
  124. </html>
复制代码

测试完整代码,这个再不会用我也帮不了你了,记得在线上打包
强烈推荐市场评分模块,app推广利器

本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

1

查看全部评分

主题:
3
帖子:
11
云币:
15
发表于 2016-6-19 15:33:50 |
Mark 谢谢雷锋

主题:
0
帖子:
3
云币:
5
发表于 2016-7-2 21:12:38 |
楼主您好,我在输入验证码的时候遇到了空指针异常,您看下是哪里的问题?
[2016-07-02 21:10:04] [Android log] sorry, we have catch a crash log
[2016-07-02 21:10:04] [Android log] java.lang.NullPointerException
[2016-07-02 21:10:04] [Android log]         at com.apicloud.sendSms.APISendSms$1.handleMessage(APISendSms.java:37)
[2016-07-02 21:10:04] [Android log]         at android.os.Handler.dispatchMessage(Handler.java:102)
[2016-07-02 21:10:04] [Android log]         at android.os.Looper.loop(Looper.java:136)
[2016-07-02 21:10:04] [Android log]         at android.os.HandlerThread.run(HandlerThread.java:61)

驾校小白

UID:449289

主题:
44
帖子:
137
云币:
330
发表于 2016-10-7 20:40:08 |
你好,我把代码整个拷贝过去。点击发送验证码,直接退出应用了。但是手机收到验证码了

实习司机

UID:469630

主题:
26
帖子:
92
云币:
136
发表于 2016-12-11 17:26:27 |
你好,我把代码整个拷贝过去。也购买授权,点击发送验证码,手机收不到短信 ,系统反馈错误提示“NO”!,

主题:
2
帖子:
6
云币:
11
发表于 2017-3-30 16:21:10 |
你的模块没更新了 人家已经停用了1.x的sdk 你的模块还没有更新 买了你的模块的怎么办
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表