JS生成验证码并且验证
接下来我们使用Visual Studio这个软件来写一个的方法,我们可以使用这种写法写一个简单的小案例。这个小案例是什么呢。就是运用JS方法然后实现生成验证码并且进行验证的一个功能。
那么这个代码要怎么写才能让他实现出来呢,首先我们需要先搭建Html的页面。写一些样式让他展示出来。
我们先看一下html的页面截图:
在截图中我们可以看到html页面搭建需要先建立2个input的文本框,然后给还有一个button的按钮,我们都给他加上了ID还有他的一些input里面的属性内容,接下来我们看一下样式的属性代码是什么:
可以从上面截图看到我们给他设置了不少的样式,上面的样式都是一些基本,都是给他文本框和按钮设置一些属性值。那么接下来我们就来看一下他的js代码吧。
看以下script的截图代码:
js代码里面我们可以看从第50行,首先先写一个方法为生成,然后再给他写一个判断,默认的验证码长度为4,然后接着就是生成48到122之间的随机整数,接着就判断是否存在数字、大小写字符范围内,接着就return返回验证码,接着我们在button里面写了一个id的属性,我们用他的id写一个点击的方法,让他随机生成验证码,然后在写一个点击的方法进行比较对比,忽略大小写的状态比较都统一转换为大写后在进行对比,接着就进行判断他是否比较整齐。
接下来看一下他的实现:
这个随机生成验证码并且验证的效果就出来了。
来源:CSDN
作者:陈述.
链接:https://blog.csdn.net/weixin_44858732/article/details/95043147