当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 使用JS随机生成数字混合字母的验证码

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

2019年08月22日  | 移动技术网IT编程  | 我要评论
用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>

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网