Javascript 随机验证码

最新推荐文章于 2025-08-09 20:51:19 发布

weixin_30736301

最新推荐文章于 2025-08-09 20:51:19 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/weiluguo/p/7404077.html

本文介绍了一个简单的HTML页面，该页面使用JavaScript生成随机的五位验证码。通过点击“刷新”按钮，可以重新生成新的验证码。此方法适用于网站登录或其他需要验证码验证的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4 <meta charset="UTF-8">
 5 <title>随机验证码</title>
 6 </head>
 7 <body>
 8 <span id="msg"></span>
 9 <input type="button" value="刷新" onclick="show()">
10 <script>
11 function validateCode(n){
12     var s="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
13     var ret="";
14     for(var i=0;i<n;i++){
15     var index=Math.floor(Math.random()*62);
16     ret+= s.charAt(index);
17     // alert(Math.floor(Math.random()*62));
18     }
19     return ret;
20 }
21 function show(){
22     document.getElementById("msg").innerHTML=validateCode(5);
23 }
24 function renovates(){
25     document.location.reload();
26 }
27 window.onload=show;
28 </script>
29 </body>
30 </html>