生成随机验证码

这篇博客介绍了如何使用JavaScript生成基础的不包含图片和字体扭曲的验证码。通过声明一个包含数字和小写字母的字符数组,利用for循环随机组合生成6位长度的验证码字符串。点击刷新按钮会重新调用生成方法,当输入的验证码与生成的验证码匹配时,页面将进行跳转。
摘要由CSDN通过智能技术生成

登录软件或登录某个网站的账号时总会遇到验证码,其实生成验证码的原理比较简单,我讲的是最基础的生成没有涉及生成图片和字体扭曲。

 

如图所示,样式我就不多讲了,我直接上代码讲解

 

一开始我使用Windows加载时间确保打开窗口时就刷新第一个验证码的信息。

我使用一个1到9,a到g的字符来生成验证码,生成验证码的方法是 fu(),

首先要声明一个空字符。然后利用for循环拼接字符串长度为6,每次循环就取数组中0到15索引值对应的数用来组成验证码, for循环结束之后就返回生成的字符串。 当点击 “看不清换一张”时也会调用fu方法返回字符串刷新验证码,当 输入框中的内容与验证码一致时 就会进行页面跳转。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值