使用JS随机生成数字混合字母的验证码

用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>

猜你喜欢

转载自www.cnblogs.com/funseey/p/11392278.html