微信发送验证码进行验证
1、HTML部分
<div class="page input js_show"><div class="page__bd" ><h3 class="page__title" style="margin:20px 10px;text-align:center;">绑定邀请</h3><div class="weui-cell"><div class="weui-cell__hd"><label class="weui-label">受邀者手机号:</label></div><div class="weui-cell__bd">{$info.mobile}</div></div><div class="weui-cell weui-cell_vcode" style="border-bottom: 1px solid #e5e5e5;"><div class="weui-cell__bd" ><input class="weui-input" type="tel" name="code" id="code" placeholder="请输入验证码"></div><div class="weui-cell__ft"><button class="weui-vcode-btn" id="btnSendCode" onclick="sendMessage()" style="background:#09BB07;color:#fff">点击发送验证码</button></div></div><div class="weui-cells__title" > </div><div class="page__bd page__bd_spacing" ><a id="bound" href="javascript:;" class="weui-btn weui-btn_primary" style="background:#09BB07">绑定</a></div></div></div>
2、JS部分
//获取短信验证码 var InterValObj; //timer变量,控制时间 var count = 60; //间隔函数,1秒执行 var curCount;//当前剩余秒数 function sendMessage() {var invitation_id = "{$info.id}";curCount = count;$.post("{:U('Parents/Invitation/sendcode')}",{"invitation_id":invitation_id},function(data){if(data.status == 1){//设置button效果,开始计时$("#btnSendCode").attr("disabled", "true");$("#btnSendCode").val( + curCount + "秒再获取");InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次}else{alert(data.info);}}); } //timer处理函数 function SetRemainTime() {if (curCount == 0) { window.clearInterval(InterValObj);//停止计时器$("#btnSendCode").removeAttr("disabled");//启用按钮$("#btnSendCode").val("重新发送验证码");code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效 }else {curCount--;$("#btnSendCode").val( + curCount + "秒再获取");} }$("#bound").on('click',function(e){e.preventDefault();$code = $("#code").val();$openid="{$openid}";$invitation_id = "{$info.id}";$.post("{:U('Parents/Invitation/bound')}",{"code":$code,"invitation_id":$invitation_id,"openid":$openid},function(data){alert(data.info);}); });
转载于:https://www.cnblogs.com/rong88/p/7090926.html
微信发送验证码进行验证相关推荐
- 微信小程序 授权登录+手机发送验证码+jwt验证接口(laravel8+php)
参考博客 小程序授权登录并 laravel7(laravel8) token 应用 - 王越666 - 博客园 微信小程序sku商品规格选择器 - 简书 微信小程序 和 laravel8 实现搜索后分 ...
- springboot集成redis模拟手机发送验证码进行验证
1.配置redis依赖 因为springboot框架帮们集成了大部分的依赖和它自动配置类的特点,我们只需要在maven中配置后就可以使用了,极大的挺高了我们开发的效率! <dependency& ...
- react-hooks + node 使用qq邮箱发送验证码,验证修改密码
在平常,我们写登录注册react项目时,我们可能会考虑使用QQ邮箱发送验证码登录注册,或者使用QQ邮箱验证来修改密码,下面,我们就来使用QQ邮箱来简单发送个邮件. 1.当我们想在react项目中使用Q ...
- 个人开发者申请微信appKey和appSecret,及响应微信发送的Token验证的Java代码
个人开发者很难很难申请到微信开放平台中的appKey及appSecret.无论是创建移动应用,还是网页应用,或者小程序应用.我曾申请过两次,都审核失败了,必须要提供公司的营业信息.应用信息等等 + 线 ...
- 短信发送验证码实现验证
写在前面 你们好,我是小庄.很高兴能和你们一起学习短信发送功能.如果您对Java感兴趣的话可关注我的动态. 写博文是一种习惯,在这过程中能够梳理和巩固知识点. 实现思路:前台将手机号码发送到后 ...
- 用户在网站注册,网站通过微信发送验证码,这个操作是怎么实现的?
根据我的观察: 1. 首先他们搞了一个渠道二维码(也就是微信说的带参数的二维码,而且他们用的是永久型的,市面上也叫渠道二维码) 2. 用户扫描这个二维码,后台程序得到event,在数据库里面生成一个随 ...
- java微信发送验证码,详解如何使用微信小程序云函数发送短信验证码
其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 1.安装 下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹, ...
- php响应微信发送的token验证,ThinkPHP 3.2.3响应微信发送的Token验证失败
2.下载微信的Token验证Demo,放于根目录测试链接没有任何问题: URL http://www.XXX.com/wx_sample.php Token weixin 3.将验证代码置于TP框架中 ...
- 公众号:正确响应微信发送的Token验证
直接把下面代码复制到你要填写的url地址 <?php //定义常量token define('TOKEN','weixin'); //检查标签function checkSignature(){ ...
最新文章
- 百度地图API : 自定义标注图标
- Android 布局学习之——Layout(布局)详解一
- 数据科学产业中哪些架构最热门?本文为你盘点了 5 款!
- weka manual 3.6 翻译:1.1 引言
- 电商美工怎么做促销海报,才让内容更有吸引力?看看这些大咖都在学习的优秀素材模板!
- Ubuntu/Mac彻底解决手机ADB识别问题
- 研究解决CLOB字段IO问题的方法
- 20169212《Linux内核原理及分析》第十二周作业
- DirectX修复工具出现0xc000007b错误——分析与解决
- maya中英文对比_maya2017中英文对照表.doc
- java 麻将胡牌算法_麻将胡牌算法研究
- [usaco3.2.4]ratios
- 搜狗输入法 - 自定义短语
- jquery html添加背景图片,jquery动态更换设置背景图的方法
- Yuga Labs收购之后,CryptoPunks拥有了「商业许可」
- 圣斗士星矢重生服务器维护,11月26日全服停机维护公告
- Lightswitch中使用LINQ
- 表单报错:Password field is not contained in a form
- 网络游戏服务器修改时间,如何修改游戏服务器时间
- 市场调研报告-全球与中国溶剂净化器市场现状及未来发展趋势