JS随机生成验证码

下面我们使用Visual Studio这个软件来写一个JS的代码,我们可以用JS的代码写一个简单的方法,就是实现一个JS的随机生成验证码的功能。

那么这个代码要怎么写呢,首先我们需要先在界面上写一下的Html的代码,我们来看一下界面的代码是什么,看以下截图:

js Schema 生成代码 js如何自动生成代码_验证码

在截图中我们可以看到界面的代码就是,先用一个button标签,然后给他一个id为验证码。接着给他一些属性的效果,给这个button设置一下他的颜色还有一些背景特效的效果,接下来看一下属性代码的截图:

js Schema 生成代码 js如何自动生成代码_js Schema 生成代码_02

定义好界面的属性代码我们接着就需要写一下JS的代码。然后实现出让他随机生成验证码的JS代码的内容,见截图:

js Schema 生成代码 js如何自动生成代码_Math_03

我们通过第37行。先声明验证码的字符串是abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789,然后在第38行的意思就是将指定的yanzhengmaID dom节点赋值给obutton变量,document.getElementById的意思就是它可返回对拥有指定 ID 的第一个对象的引用。
接着我们声明一个getrandom的方法,获取他的参数,然后写一个判断,判断a大于b。接着return返回,
Math.floor的意思就是一个静态的方法,它返回小于或者等于一个给定数字的最大整数。
Math.random()是令系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值。
总体就是获取他的随机字符,然后将随机生成的整数下标对应的字母放入button中,接着声明getyanzhengma的方法。第49行的意思就是函数getyangzhengma()获取字符串中对应的元素并拼接成字符串返回到页面中,然后在声明他的字符串为空。接着就是for循环,for循环i判断验证码有几位就循环几位,(0, 62)计算后的取值范围:下标为[0, 61]的整数。然后最后就是一个点击的事件,当点击button的时候生成刷新一个随机的验证码。这样功能就出来了。
见实现的效果截图:

js Schema 生成代码 js如何自动生成代码_Math_04

这样就可以实现出点击的时候刷新生成验证码,它的流程就是将所有的验证码用的字符放在一个字符串里面,然后在这个字符串里面随机生成一个,然后再找到对应的字符并且拼接它的验证码。