sendsms短信验证功能实现代码
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=0,width=device-width,initial-scale=1.0" />
<title>APP</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<style>
#con{
margin:10px;
font-size:28px;
}
ul{
margin-bottom:10px;
}
.txt{
margin:5px 10px;
padding:5px;
color:#000;
word-wrap:break-word;
}
input[type="text"]{
border-radius:6px;
background-color:#ffffff;
height:36px;
border:1px solid #D2CCCE;
color:#D2CCCE;
line-height:36px;
text-indent:7px;
width:120px;
background-clip:padding-box;
}
input[type="button"],#con{
border-radius:6px;
background-color:#81A9C3;
height:36px;
border:1px solid #2CCCE
color:#ffffff;
line-height:36px;
padding-left:30px;
padding-right:30px;
background-clip:padding-box;
}
</style>
</head>
<body>
<br>
<input type="button" onclick="reg_sms()" value="注册短信模块" /><br><br>
手机号:<input type="text" id="tel" name="tel" value="" placeholder="输入手机号" />
<input type="button" class="yzm-btn" onclick="send_sms()" value="发送验证码" /><br><br>
验证码<input type="text" id="code" name="code" value="" />
<input type="button" onclick="code_sms()" value="短信验证" /><br><br><br><br><br>
<!-- 市场评分模块 -->
--------------------市场评分模块---------------------------------<br><br>
<label id="con" onclick="tosmarket()">5星好评支持我们</label>
<div id='sys-info'>这里我用的是微信,可以随意改</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/zepto.min.js"></script>
<script type="text/javascript">
apiready = function(){
sendsms = api.require('sendSms');
};
function reg_sms(){
//貌似是120秒内只能注册一次,不然会失败,注意下
var param = {appkey:"6680ba14a50e",appsecret:"95b67202d004b9f4ab2a38f3eda2e82c"};
sendsms.regSms(param);
alert("注册成功");
}
function send_sms(){
var tel = document.getElementById("tel").value;
var param = {phone:tel};
sendsms.sendMessage(param,function(ret,err){
if(ret.result == "ok"){
maxtime = 90;
timer1 = setInterval("send_code_jishi();", 1000);
alert("短信发送成功");
}else{
alert(ret.result);
}
});
}
function code_sms(){
var mycode = document.getElementById("code").value;
var param={code:mycode};
sendsms.enterCode(param,function(ret,err){
if(ret.result == "ok"){
alert("验证成功");
}else{
alert("验证失败");
}
});
}
function tosmarket(){
if (api.systemType =="android"){
smarket = api.require('marketScore');
var param = {appname:"com.tencent.mm"};
smarket.myScore(param);
}else{
api.openApp({
iosUrl: 'https://itunes.apple.com/cn/app/wei-xin/id414478124?mt=8'
},function(ret,err){
});
}
}
var timer1 = "";
var maxtime = 90;
function send_code_jishi(){
if(maxtime == 0){
clearInterval(timer1);
$(".yzm-btn").val("重发验证码");
}else{
maxtime--;
$(".yzm-btn").val(maxtime+"秒可重发");
}
}
</script>
</html>
sendsms短信验证功能实现代码的更多相关文章
- Springboot下实现阿里云短信验证功能(含代码)
Springboot下实现阿里云短信验证功能 一 开通阿里云短信服务 阿里云官网注册登录 找到短信服务并开通 打开短信服务的管理台 在国内消息那栏中添加签名管理和模板管理(按照格式要求去写) 在右上角 ...
- 如何实现php手机短信验证功能
http://www.qdexun.cn/jsp/news/shownews.do?method=GetqtnewsdetailAction&id=1677 下载php源代码 现在网站在建设网 ...
- 基于ThinkPHP与阿里大于的PHP短信验证功能
https://blog.csdn.net/s371795639/article/details/53381274 PHP阿里大鱼短信验证 第一步 登陆阿里大于注册账号,在用户管理中心创建应用,确定A ...
- AndroidStudio短信验证功能收不到验证码
http://mob.com/第三方接口获取地址: 登陆过后点我的后台即可上传,管理应用.需注意的是,即使验证不通过,只要整合了短信验证的Jar包,每天都有20条免费验证短信.现在的mob.com只支 ...
- Android实战简易教程-第三十九枪(第三方短信验证平台Mob和验证码自己主动填入功能结合实例)
用户注冊或者找回password时通常会用到短信验证功能.这里我们使用第三方的短信平台进行验证实例. 我们用到第三方短信验证平台是Mob,地址为:http://mob.com/ 一.注冊用户.获取SD ...
- 完整的Android手机短信验证源码
短信验证功能我分两个模块来说,短信验证码的后台和代码实现短信验证码的功能. 一.短信验证码的后台 1.注册Mob账号:http://www.mob.com/#/login 2.注册成功之后, ...
- Android Studio精彩案例(五)《JSMS短信验证码功能实现》
转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 很多应用刚打开的时候,让我们输入手机号,通过短信验证码来登录该应用.那么,这个场景是怎么实现的呢?其实是很多开放平台提供了短信验证功能 ...
- Unity利用SMSSDK实现短信验证码(附代码)
最近一直在研究如何给app更多实用性的功能,在app进行登录或者注册时,为了方便用户更加快捷的完成登录功能,所以就决定采用短信验证码的方式进行验证登录.在学习的过程中,先使用了Mob的短信服务进行短信 ...
- ASP.NET MVC+Bootstrap 实现短信验证
短信验证大家都已经非常熟悉了,基本上每天都在接触手机短信的验证码,比方某宝,某东购物.站点注冊,网上银行等等,都要验证我们的手机号码真实性.这样做有什么优点呢. 曾经咱们在做站点的时候.为了提高用户注 ...
随机推荐
- dorado-menu
1.menu控件是一个下拉菜单控件,可以设置数icon(图标),click事件,Dorado事件中都有self和arg两个参数,其中self是当前控件本身 2.menu控件可以和toolBar结合使用 ...
- eclipse的使用和断点调试
断点: 快捷键 f5: step into f6: step over 跳过,跳到下一行 f7:step return 从某个方法里跳回 跳出 drop to frame: 跳到当前方法的第一行 re ...
- Python爬虫入门教程 65-100 爬虫与反爬虫的修罗场,点评网站,字体反爬之三
爬虫与反爬虫的修罗场 哪种平台最吸引爬虫爱好者,当然是社区类的,那里容易产生原生态,高质量的数据啊, 你看微博,知乎,豆瓣爬的不亦乐乎. 评论也是产生内容的好地方 生活类点评网站 旅游类点评网站 音乐 ...
- nginx 开启GZIP、域名指向index.html
nginx 虽然默认开启了gzip压缩,但是有关压缩文件.压缩效率没有开启,在建设我的(个人博客)[www.fayinme.cn]中,直观的感受到gzip带来的访问速度提升的快感. 如何开启GZIP ...
- 【wireshark】总体结构
1. 总体结构 wireshark的总体结构如下图所示. 2. 功能模块 模块名 功能 源码子目录 GTK/Qt 处理所有的用户输入/输出(所有的窗口,对话框等等) /ui GTK: /ui/gtk ...
- eclipse代码中使用到Launcher获取类加载器,找不到启动器类。
解决:移除系统依赖的jar包,重新导入. 只需要在project build path中先移除JRE System Library,再添加库JRE System Library,重新编译后就一切正常了 ...
- 表格(table)
<table border="1"; align="center" cellspacing="0"> <tr> &l ...
- Pycharm使用Git
Pycharm使用Git 1.设置git程序路径 2.设置github连接 3.创建git respository 4.提交文件 5.共享给GitHub 6.修改文件push到版本库 7.从版本库ch ...
- vue-devtools必备工具
1.github下载地址:https://github.com/vuejs/vue-devtools 2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后 ...
- Spring Security构建Rest服务-1001-spring social开发第三方登录之spring social基本原理
OAuth协议是一个授权协议,目的是让用户在不将服务提供商的用户名密码交给第三方应用的条件下,让第三方应用可以有权限访问用户存在服务提供商上的资源. 接着上一篇说的,在第三方应用获取到用户资源后,如果 ...