MS管理系统之验证码功能笔记1。

新人菜鸟请多多指教

已于 2024-01-14 20:33:29 修改

阅读量351

点赞数 8

分类专栏： MS管理系统文章标签：前端 javascript 开发语言

于 2024-01-05 09:18:31 首次发布

本文链接：https://blog.csdn.net/cx12xc/article/details/135400862

版权

MS管理系统专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、可规定生成几位随机数验证码的JavaScript代码。

2、目前还没有验证验证码是否正确的功能，后续会添加。

下面代码是单独的生成验证码的一个功能，可以随意添加到你的项目之中：

<!DOCTYPE html>  
<html>  
<head>  
  <title>生成随机字符串</title>  
	<input type="button" id="myInput"> 
  <script>  
    window.onload = function() {  
      // 生成随机字符串的函数  
      function generateRandomString(length) {  
        var result = '';  
		var arr = [1, 2, 3, 4, 5,6,7,8,9,0]; // 包含多个元素的数组
	    var str = "abcdefjhijklmnopqrstuvwxyz"; // 26个字母的字符串
	    var str1=str.toUpperCase();//把26个小写字母转换为大写字母
		var characters=((arr.concat(str)).concat(str1)).join('');
        var charactersLength = characters.length;  
        for (var i = 0; i < length; i++) {  
          result += characters.charAt(Math.floor(Math.random() * charactersLength));  
        }  
        return result;  
      }  
  
      // 生成一个长度为10的随机字符串  
      var randomString = generateRandomString(4);  
  		
      // 设置input的value属性为随机字符串  
       var input = document.getElementById('myInput').value=randomString; 
    };  
  </script>  
</head>  
<body>  
   
</body>  
</html>

下面的图片是我添加到我的项目所呈现的结果：