JS生成验证码并且验证

坚强是说给别人听的谎言 提交于 2019-12-09 09:46:06

JS生成验证码并且验证

接下来我们使用Visual Studio这个软件来写一个的方法,我们可以使用这种写法写一个简单的小案例。这个小案例是什么呢。就是运用JS方法然后实现生成验证码并且进行验证的一个功能。
那么这个代码要怎么写才能让他实现出来呢,首先我们需要先搭建Html的页面。写一些样式让他展示出来。
我们先看一下html的页面截图:

在这里插入图片描述

在截图中我们可以看到html页面搭建需要先建立2个input的文本框,然后给还有一个button的按钮,我们都给他加上了ID还有他的一些input里面的属性内容,接下来我们看一下样式的属性代码是什么:

在这里插入图片描述

可以从上面截图看到我们给他设置了不少的样式,上面的样式都是一些基本,都是给他文本框和按钮设置一些属性值。那么接下来我们就来看一下他的js代码吧。
看以下script的截图代码:

在这里插入图片描述

js代码里面我们可以看从第50行,首先先写一个方法为生成,然后再给他写一个判断,默认的验证码长度为4,然后接着就是生成48到122之间的随机整数,接着就判断是否存在数字、大小写字符范围内,接着就return返回验证码,接着我们在button里面写了一个id的属性,我们用他的id写一个点击的方法,让他随机生成验证码,然后在写一个点击的方法进行比较对比,忽略大小写的状态比较都统一转换为大写后在进行对比,接着就进行判断他是否比较整齐。
接下来看一下他的实现:

在这里插入图片描述

这个随机生成验证码并且验证的效果就出来了。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!