HTML+JS实现验证码，随意调整验证码长度

最新推荐文章于 2024-10-06 10:25:19 发布

李桥桉

最新推荐文章于 2024-10-06 10:25:19 发布

阅读量331

点赞数

分类专栏：前端文章标签： javascript html 前端

本文链接：https://blog.csdn.net/wodegecsdn/article/details/129997425

版权

前端专栏收录该内容

28 篇文章 1 订阅

订阅专栏

该文章提供了一个JavaScript函数示例，用于生成指定长度的随机验证码。函数从预定义的字符集中抽取字符，创建一个安全的字符串，然后将其显示在页面的特定元素上，例如用于用户验证。

摘要由CSDN通过智能技术生成

<body>
    <h2 class="code"></h2>
</body>
<script>
        getRandom(4); //任意修改验证码长度，4代表输出的验证码有4位。
            function getRandom(n) {
                // var count
                var numberStr = 'qwertyuiopasdfghjklzxcvbnm0123456789QWERTYUIOPASDFGHJKLZXCVBNM'
                var size = numberStr.length; // length比角标大1 
                var codeNumber = ""; // 收集拼接而来的字符
                for (var i = 0; i < n; i++) {
                    var index = Math.floor(Math.random() * size);
                    codeNumber += numberStr[index]
                }
                var code = document.querySelector(".code"); // 操作DOM
                code.innerHTML = codeNumber;
            }
</script>