使用JS随机生成数字混合字母的验证码
程序员文章站
2022-06-21 10:21:24
用js原生写验证码有好几种办法，但个人认为这种较为简便且容易理解。 1 2 3 4 5 6
用js原生写验证码有好几种办法，但个人认为这种较为简便且容易理解。
1 <!doctype html>
2 <html lang="en">
3
4 <head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="x-ua-compatible" content="ie=edge">
8 <title>document</title>
9 </head>
10
11 <body>
12
13 </body>
14 <script>
15 //封装一个随机生成数字的函数
16 function random(a, b) {
17 var n = math.round(math.random() * (a - b) + b);
18 return n;
19 }
20
21 function getcode(){
22 //定义一个字符串把所有可能都装进去，全部字母以及数字
23 var codestr = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz0123456789";
24
25 //声明一个空的字符串，用作装随机生成的四个数。
26 var str = "";
27
28 //写一个循环用来重复随机生成几个数，以及将东西一个一个放进上面声明的空字符串内
29 for (var i = 0; i < 4; i++) {
30 var m = random(0,61);
31 str += codestr.charat(m);
32 }
33 //在外面调用函数时，一定要在函数内写返回值
34 return str;
35 }
36
37 //调用函数
38 console.log(getcode());
39
40
41 </script>
42
43 </html>
上一篇： 小学营养午餐食谱怎么搭配健康又营养
下一篇： 夏天吃什么能解暑，我们一定要了解才行