制作网页随机验证码 ----- javaScript

最新推荐文章于 2024-07-08 17:11:44 发布

GuanJINP

最新推荐文章于 2024-07-08 17:11:44 发布

阅读量1.2k

点赞数 3

分类专栏： JavaScript 文章标签：随机数 js javascript

本文链接：https://blog.csdn.net/weixin_42617075/article/details/82465529

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

制作网页随机验证码
html 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>制作网页随机验证码</title>
    <script type="text/javascript" src="getCode.js"></script>
</head>
<body>
<span id="msg"></span>
<input type="button" value="刷新" onclick="show()">
</body>
</html>

js代码：（我的是自定义的 js 代码）

/**
 * 产生随机数的函数
 */
function validateCode(n){
    //验证码可能包含的字符
    var s="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
    var ret=""; //用于保存生成的验证码
    //利用循环,随机产生生成验证码的每一个字符
    for(var i=0;i<n;i++) {
        var index = Math.floor(Math.random() * 62); //随机产生一个0~62之间的数字
        ret += s.charAt(index);//将随机产生的数字当作字符串的位置下标,在字符串s中取出该字符，并加入到ret中
    }
    return ret; //返回产生的验证码
}
/* 显示随机数的函数 */
function show() {
    //在id为msg的对象显示验证码
    document.getElementById("msg").innerHTML=validateCode(4)
}
window.onload=show();//在整个页面加载完成后执行此函数