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" >&nbsp;</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

微信发送验证码进行验证相关推荐

  1. 微信小程序 授权登录+手机发送验证码+jwt验证接口(laravel8+php)

    参考博客 小程序授权登录并 laravel7(laravel8) token 应用 - 王越666 - 博客园 微信小程序sku商品规格选择器 - 简书 微信小程序 和 laravel8 实现搜索后分 ...

  2. springboot集成redis模拟手机发送验证码进行验证

    1.配置redis依赖 因为springboot框架帮们集成了大部分的依赖和它自动配置类的特点,我们只需要在maven中配置后就可以使用了,极大的挺高了我们开发的效率! <dependency& ...

  3. react-hooks + node 使用qq邮箱发送验证码,验证修改密码

    在平常,我们写登录注册react项目时,我们可能会考虑使用QQ邮箱发送验证码登录注册,或者使用QQ邮箱验证来修改密码,下面,我们就来使用QQ邮箱来简单发送个邮件. 1.当我们想在react项目中使用Q ...

  4. 个人开发者申请微信appKey和appSecret,及响应微信发送的Token验证的Java代码

    个人开发者很难很难申请到微信开放平台中的appKey及appSecret.无论是创建移动应用,还是网页应用,或者小程序应用.我曾申请过两次,都审核失败了,必须要提供公司的营业信息.应用信息等等 + 线 ...

  5. 短信发送验证码实现验证

    写在前面   你们好,我是小庄.很高兴能和你们一起学习短信发送功能.如果您对Java感兴趣的话可关注我的动态.   写博文是一种习惯,在这过程中能够梳理和巩固知识点. 实现思路:前台将手机号码发送到后 ...

  6. 用户在网站注册,网站通过微信发送验证码,这个操作是怎么实现的?

    根据我的观察: 1. 首先他们搞了一个渠道二维码(也就是微信说的带参数的二维码,而且他们用的是永久型的,市面上也叫渠道二维码) 2. 用户扫描这个二维码,后台程序得到event,在数据库里面生成一个随 ...

  7. java微信发送验证码,详解如何使用微信小程序云函数发送短信验证码

    其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 1.安装 下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹, ...

  8. php响应微信发送的token验证,ThinkPHP 3.2.3响应微信发送的Token验证失败

    2.下载微信的Token验证Demo,放于根目录测试链接没有任何问题: URL http://www.XXX.com/wx_sample.php Token weixin 3.将验证代码置于TP框架中 ...

  9. 公众号:正确响应微信发送的Token验证

    直接把下面代码复制到你要填写的url地址 <?php //定义常量token define('TOKEN','weixin'); //检查标签function checkSignature(){ ...

最新文章

  1. 百度地图API : 自定义标注图标
  2. Android 布局学习之——Layout(布局)详解一
  3. 数据科学产业中哪些架构最热门?本文为你盘点了 5 款!
  4. weka manual 3.6 翻译:1.1 引言
  5. 电商美工怎么做促销海报,才让内容更有吸引力?看看这些大咖都在学习的优秀素材模板!
  6. Ubuntu/Mac彻底解决手机ADB识别问题
  7. 研究解决CLOB字段IO问题的方法
  8. 20169212《Linux内核原理及分析》第十二周作业
  9. DirectX修复工具出现0xc000007b错误——分析与解决
  10. maya中英文对比_maya2017中英文对照表.doc
  11. java 麻将胡牌算法_麻将胡牌算法研究
  12. [usaco3.2.4]ratios
  13. 搜狗输入法 - 自定义短语
  14. jquery html添加背景图片,jquery动态更换设置背景图的方法
  15. Yuga Labs收购之后,CryptoPunks拥有了「商业许可」
  16. 圣斗士星矢重生服务器维护,11月26日全服停机维护公告
  17. Lightswitch中使用LINQ
  18. 表单报错:Password field is not contained in a form
  19. 网络游戏服务器修改时间,如何修改游戏服务器时间
  20. 市场调研报告-全球与中国溶剂净化器市场现状及未来发展趋势

热门文章

  1. 看不懂别做爬虫-----python爬虫实战---大众点评评论
  2. NoClassDefFoundError解决方案
  3. 论语 阳货篇(笔记)
  4. 某某网站JS逆向及tls指纹绕过分析
  5. 中移M5311模块MQTT协议连接阿里云物联网平台(干货)
  6. 【HTTP】989- HTTP 传输大文件的几种方案
  7. 卡特尔16PF性格测试与答案
  8. 通过自定义android键盘实现车牌号输入法
  9. linux磁盘管理系列三:LVM的使用
  10. 1.21嵌入式帅国豪