MS管理系统之验证码功能 笔记2。
1.MS管理系统之验证码功能 笔记1。
2.MS管理系统之验证码功能 笔记2。
1、可规定生成几位随机数验证码的JavaScript代码。新增功能：用户点击更新验证码。
2、目前还没有验证验证码是否正确的功能，后续会添加。
下面代码是单独的生成验证码的一个功能，可以随意添加到你的项目之中：
<!DOCTYPE html>
<html>
<head>
<title>生成随机字符串</title>
</head>
<body>
<input type="button" id="myInput">
<script>
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('');
//连接arr、str和str1 并使用join()函数去除连接符(逗号)
var charactersLength = characters.length;
//统计新组成的characters字符串的长度，为后续生成随机验证码做准备
for (var i = 0; i < length; i++) {
result += characters.charAt(Math.floor(Math.random() *charactersLength));
}
return result;
}
window.onload=function(){
//当用户进入页面后，调用函数generateRandomString()更新验证码。
var randomString = generateRandomString(4);
var input = document.getElementById('captcha').value=randomString;
};
function userClick(){
//当用户点击验证码按钮后，调用函数generateRandomString()更新验证码。
var randomString = generateRandomString(4);
var input = document.getElementById('captcha').value=randomString;
}
</script>
</body>
</html>下面的图片是我添加到我的项目，用户进入页面所呈现的结果：
下面的图片是我添加到我的项目，用户点击验证码按钮所呈现的结果：
3、缺点：样式太单调，功能不全面。
后续会添加其他样式和功能，尽我所能完善用户要求。
欢迎各位大佬的到来，请多多指教。我是菜鸟，喜欢就好。
合集:
工资管理系统
标签:
JavaScript
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！