介绍,,,& lt; view 类=& # 39;yanzhengma& # 39;比;
,,,,,,,& lt; text 类=& # 39;左# 39;在{{代码}}& lt;/text>
,,,,,,,& lt; text 类=& # 39;对# 39;,bindtap=& # 39; huanyizhang& # 39;在换一张& lt;/text>
,,,& lt;/view> .yanzhengma {
,,,身高:,100 rpx;
,,,显示:,flex;
,,,对齐项目:,中心;
,,,justify-content:,中心;
}
.yanzhengma .left {
,,,字体类型:,Arial;
,,,字体样式:,斜体;
,,,粗细:,大胆;
边境:,,,,0;
,,,字母间距:,3 px;
,,,字体大小:,18 px;
background - color,,,,, # ccc;
,,,填充:,10 rpx;
,,,margin-right:, 20 rpx;
,,,颜色:,蓝色;
}
这篇文章主要介绍微信小程序怎样实现随机验证码,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
小程序上经常会有一些注册申请页面需要用到随机验证码。具体实现方法不多说直接上代码
页面({
数据:,,,,{
,,,},
,,,/* *
,,,,*,生命周期函数——监听页面加载
,,,*/,,,onLoad:,功能(选项),{
,,,//刚进入页面随机先获取一个
,,,,,,,this.createCode ()
,,,},
,,,huanyizhang () {
,,,,,,,this.createCode ()
,,,},
,,,createCode (), {
,,,,,,,var 代码;
,,,,,,,//首先默认代码为空字符串
,,,,,,,code =, & # 39; & # 39;;
,,,,,,,//设置长度,这里看需求,我这里设置了4
,,,,,,,var codeLength =, 4;
,,,,,,,//设置随机字符
,,,,,,,var random =, new 数组(0,1,2,3,4,5,6,7,8,9,& # 39;一个# 39;,,& # 39;b # 39;,, & # 39; c # 39;,, & # 39; d # 39;,, & # 39; e # 39;,, & # 39; f # 39;,, & # 39;舌鳎# 39;,,& # 39;h # 39;,, & # 39;我# 39;,,& # 39;强生# 39;,,& # 39;k # 39;,, & # 39; l # 39;,, & # 39;猴# 39;,,& # 39;n # 39;,, & # 39; o # 39;,, & # 39; p # 39;,, & # 39;提问# 39;,,& # 39;" # 39;,,& # 39;& # 39;,,& # 39;t # 39;,, & # 39; u # 39;,, & # 39; v # 39;,, & # 39; w # 39;,, & # 39; x # 39;,, & # 39; y # 39;,, & # 39; z # 39;);
,,,,,,,//循环codeLength 我设置的4就是循环4次
,,,,,,,for (var 小姐:=,0;,小姐:& lt;, codeLength;,我+ +),{
,,,,,,,,,,,//设置随机数范围,这设置为0,~ 36
,,,,,,,,,,,var index =, Math.floor (math . random (), *, 36);
,,,,,,,,,,,//字符串拼接,将每次随机的字符,进行拼接
,,,,,,,,,,,code +=,随机(指数);
,,,,,,,}
,,,,,,,//将拼接好的字符串赋值给展示的代码
,,,,,,,this.setData ({
,,,,,,,,,,,代码:代码
,,,,,,,})
,,,},
}) 以上是“微信小程序怎样实现随机验证码”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
