简单生成微信小程序随机验证码

Funkingka

于 2019-08-13 22:02:30 发布

阅读量1.4k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序生成验证码

本文链接：https://blog.csdn.net/weixin_40677985/article/details/99481332

版权

这篇博客展示了如何在微信小程序中实现点击更换及验证随机验证码的功能。使用uni-app框架，点击验证码图片会生成新的验证码，同时允许输入大小写字母进行验证。

摘要由CSDN通过智能技术生成

废话不多说，直接上图看效果

一、实现功能：

1、点击灰色底的验证码图片可以更换一张验证码

2、验证输入的验证码是否正确，并且输入小大写英文都可以、

二、核心代码：

注意：我是用uni-app框架写的，用原生写的朋友自行修改一下写法哈

html的代码：

<template>
	<view>
		<form @submit="formSubmit">
    	<view class="down">
			<view>验证码：</view>
			<input class="down_input" name="code"></input>
			<text class="true_code" @tap="changeCode">{
  {code}}</text>
		</view>
		<button class="btn" form-type="submit">提交</button>
		</form>
	</view>
</template>

样式的代码：