WechatApplet-生成验证码

1、html 部分

<view class="fixed_50_5"> <view class="dis_r_se"> <view class="width_130 line_height_70 text_align_center shadow_0616_666 radius_6" wx:for="{{numberI}}" wx:key="index" catchtap="tabBar" data-item="{{item}}">{{item}}{codeNum}}{codeType}}" wx:key="index"> <radio value="{{item.value}}" checked="{{item.id==1?true:false}}" /> <view style="margin-left: 20rpx;">{{item.title}}{code}}{code}}"> <input class="border_888 padding_lr_20 radius_6 height_70" value="{{inputVal}}" placeholder="请输入验证码" bindinput="inputF"> globalData: { jsonData: { numberI, numbers, lowercaseLetters, capital, codeType }, showToast } } = getApp(); Page({ /*
	* 页面的初始数据
	*/ data: { numberI, codeNum: 3, code: '', codeType, codeT: 1, inputVal: '' }, // 校验验证码 checkCode() { this.data.inputVal == this.data.code ? showToast('验证码匹配正确') : showToast('验证码匹配错误'); }, // 获取输入框的值 inputF({ detail: { value } }) { this.setData({ inputVal: value }) }, // 单选 radioChange({ detail: { value } }) { this.setData({ codeT: value }); }, // 选择验证码位数 tabBar({ currentTarget: { dataset: { item } } }) { this.setData({ codeNum: item, code: '' }); }, // 生成验证码 verificationCode() { let code = ''; let random = []; let num = 10; switch (Number(this.data.codeT)) { case 1: random = numbers; num = 10; break; case 2: random = lowercaseLetters; num = 26; break; case 3: random = capital; num = 26; break; case 4: random = [...lowercaseLetters, ...capital]; num = 52; break; case 5: random = [...numbers, ...capital]; num = 36; break; case 6: random = [...numbers, ...lowercaseLetters]; num = 36; break; default: random = [...numbers, ...capital, ...lowercaseLetters]; num = 62; break; } for (let i = 0; i < this.data.codeNum; i++) { let index = Math.floor(Math.random() * num); code += random[index]; } this.setData({ code, inputVal: '' }); } }) 

3、声明

3.1、数据从 .js 文件中导入，不展示。 3.2、公共样式不展示。 3.3、联系：MJ2506562048

4、演示