js 实现随机密码生成

最新推荐文章于 2024-07-25 13:55:35 发布

chubuhui7743

最新推荐文章于 2024-07-25 13:55:35 发布

阅读量2.1k

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/PatientLife/blog/1548575

版权

js 实现随机密码生成

很实用的一个功能，可以写一个 html 或者是一个小程序为自己服务。不只是用来生成密码，随机数，功能测试都可以的。

整体思路：
- 随机方法
Math.random。
- 随机字符集合（大小写，数字，常用密码字符）
表现形式就很多了。字符集基数不会太大。数组，字符串都可行。

示例代码：

<!DOCTYPE html>
<html lang="en">
<!--实现功能:
用户点击生成随机密码
-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script language="JavaScript">
        function create_pwd(){
            var pwd_length=document.getElementById("pwd_length").valueOf().value;
            var new_pwd = "";
            var j = 0;
            var char = 'ABCDEFGHIJKLMNPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890-\\/.!@#$%^&()_';
            for (var i = 0; i < parseInt(pwd_length); i++) {
                j = Math.floor(Math.random() * char.length);
                new_pwd += char.charAt(j);
                m += j+=',';
            }
            document.getElementById("des_pwd").innerHTML = new_pwd;
        }
    </script>
</head>
<body>
<div >
密码长度:<input type="text"  id="pwd_length" value="输入要生成密码的长度">
<input type="button" value="生成密码" onclick="create_pwd()">
</div>
<div>
    <h1>密码</h1>
    <p id = "des_pwd"></p>
</div>
<div>
    <h1>密码</h1>
    <p id = "des_pwd2"></p>
</div>
</body>
</html>

这是一个示例，大概就是这样一个思路。真正到应用的话。还是完善控制下。重复出现次数，控制是否使用特殊字符，增加密码安全评级等等。

转载于:https://my.oschina.net/PatientLife/blog/1548575