建站网_智能在线抠图_在线抠图免费_图标设计网站_remove抠图软件_快速抠图

智能在线抠图_在线抠图免费_图标设计网站_remove抠图软件_快速抠图移动版

建站首页 > 项目欣赏 >

建站网

建站网:微信小程序实现随机验证码功能

微信小程序实现随机验证码功能  更新2018年12月20日   作者:子谦呀   这篇文章主要为大家详细介绍了微信小程序实现随机验证码功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现随机验证码的具体代码,供大家参考,具体内容如下

效果图:

小程序上经常会有一些注册 申请页面需要用到随机验证码。具体实现方法不多说 直接上代码

 view 
 text {[code]} /text 
 text bindtap='huanyizhang' 换一张 /text 
 /view 

CSS: 

.yanzhengma {
 height: 100rpx;
 display: flex;
 align-items: center;
 justify-content: center;
.yanzhengma .left {
 font-family: Arial;
 font-style: italic;
 font-weight: bold;
 border: 0;
 letter-spacing: 3px;
 font-size: 18px;
 background-color: #ccc;
 padding: 10rpx;
 margin-right: 20rpx;
 color: blue;
}

js:

Page({
 data: {
 * 生命周期函数--监听页面加载
 onLoad: function(options) {
 //刚进入页面随机先获取一个
 this.createCode()
 huanyizhang(){
 this.createCode()
 createCode() {
 var code;
 //首先默认code为空字符串
 code = '';
 //设置长度,这里看需求,我这里设置了4
 var codeLength = 4;
 //设置随机字符
 var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
 //循环codeLength 我设置的4就是循环4次
 for (var i = 0; i codeLength; i++) {
 //设置随机数范围,这设置为0 ~ 36
 var index = Math.floor(Math.random() * 36);
 //字符串拼接 将每次随机的字符 进行拼接
 code += random[index];
 //将拼接好的字符串赋值给展示的code
 this.setData({
 code: code

相关文章

这篇文章主要介绍了IE浏览器不支持getElementsByClassName的解决方法,本文的方法比较完美的解决了这个问题,需要的朋友可以参考下

这篇文章主要介绍了javascript实现图片轮换动作方法,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

本篇文章主要是对php析构函数的具体用法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

这篇文章主要介绍了防止页面url缓存中ajax中post请求的处理方式的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下

这篇文章主要介绍了js实现简单的日历显示效果函数,结合完整实例形式分析了JavaScript实现的日历功能相关原理与具体操作技巧,需要的朋友可以参考下

都说 JavaScript 是一种很灵活的语言,这其实也可以说它是一个混乱的语言,下面通过本文给大家分享JavaScript中this的指向知识,感兴趣的朋友一起看看吧

这篇文章主要为大家详细介绍了p5.js实现简单货车运动动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

给label赋值以及取label的值,取值及赋值代码如下,感兴趣的朋友可以参考下

这篇文章主要为大家详细介绍了js实现无缝循环滚动的具体代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

这篇文章主要介绍了微信小程序swiper组件实现抖音翻页切换视频功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 (责任编辑:admin)