前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序开发之随机验证码功能

小程序开发之随机验证码功能

作者头像
许坏
发布2019-07-30 15:55:11
9040
发布2019-07-30 15:55:11
举报
文章被收录于专栏:宅机吧
先看实例效果:

设置该功能的目的是为了减少无关请求,避免占用服务器资源,挺实用的。

简单的js即可实现

index.js页面

代码语言:javascript
复制
 //验证码
  createCode() {
var code='';
var codeLength = 4;//限制位数
var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
for (var i = 0; i<codeLength; i++) {
var index = Math.floor(Math.random() * 10);
           code += random[index];
         }
this.setData({
code: code
     })
  },
//每次页面显示及进行一次刷新
  onShow(){
  this.createCode()
  },

index.wxml

代码语言:javascript
复制
<view>{{code}}</view>

原理非常简单,就是取随机数,作为扩展,你可以试试加上字母,也很简单,暂时还没这需求,就不贴源码了。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-07-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 宅机吧 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档