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>
下面的图片是我添加到我的项目所呈现的结果:
3、缺点:不能通过点击验证码按钮,来刷新验证码,只有刷新或者用户提交才能刷新验证码。
后续会添加其他样式和功能,尽我所能完善用户要求。
欢迎各位大佬的到来,请多多指教。