欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-18 16:10:22
用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>