使用JavaScript生成随机验证码

在我们的日常生活中，登录一款软件时常要使用验证码。下面是在利用JavaScript中的数组和Math的知识点来创建一个随机的验证码。

基本样式：

图中的 “e92024” 就是我们随机生成的验证码，下面的 “看不清，换一张”的按钮可以重置验证码。在后面的input标签中输入我们的验证码，点击提交就会验证输入的验证码是否正确。

功能实现：输入正确的验证码

在提交和要填写的验证码一样的字符时，点击提交就会弹出一个验证码正确的提示框。

功能实现：输入错误的验证码

在提交和要填写的验证码不一样的字符时，点击提交就会弹出一个验证码错误的提示框。

代码实现：

在这里我在JavaScript中我生成了一个方法，在方法中我定义了一个变量 ”arr” 来接收我们要获取到的随机字符，用来生成一个6位数的随机字符串。在For循环中使用Math的round()方法随机生成六位我们定义的数组中的随机字符串。最后将输出的值接收赋值到我们要显示的HTML样式。

在这我们点击提交按钮时会做一个判断，就是在我们输入的input文本框中输入的字符串是否与随机生成的字符串的值相同。成功或失败就会弹出相应的模态框。