js生成验证码

最新推荐文章于 2022-01-30 03:44:35 发布

原创最新推荐文章于 2022-01-30 03:44:35 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#验证码 #js生成验证码 #生成验证码 #四位验证码 #验证码校验

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何利用JavaScript实现一个简单的四位数字验证码生成与验证功能，包括生成随机数字、设置样式以及进行用户输入校验的过程。

js生成验证码

 var zkzcode; //在全局 定义验证码  
 function createCode() {
   zkzcode = "";
   var zkzcodeLength = 4;//验证码的长度  
   var checkCode = document.getElementById("checkCode");//此处是显示验证码的地方
   var selectChar = new Array(2, 3, 4, 5, 6, 7, 8, 9,'A','B','C','D','E','F','G','H','J','K','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的 
   for (var i = 0; i < zkzcodeLength; i++) {
     var charIndex = Math.floor(Math.random() * 31);
     zkzcode += selectChar[charIndex];
   }
   if (checkCode) {
     checkCode.className = "zkzcode";
     checkCode.value = zkzcode;
   }
 }