当前位置：首页 > JavaScript

js实现密码

2026-02-28 20:12:17JavaScript

密码生成

使用JavaScript生成随机密码可以通过结合不同字符集实现。以下代码示例展示如何生成包含大小写字母、数字和特殊符号的密码：

function generatePassword(length = 12) {
  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()';
  let password = '';

  for (let i = 0; i < length; i++) {
    const randomIndex = Math.floor(Math.random() * chars.length);
    password += chars[randomIndex];
  }

  return password;
}

密码强度验证

验证密码强度需要检查多个条件。以下函数检查密码长度、字符多样性等要素：

js实现密码

function checkPasswordStrength(password) {
  const hasLowercase = /[a-z]/.test(password);
  const hasUppercase = /[A-Z]/.test(password);
  const hasNumber = /[0-9]/.test(password);
  const hasSpecialChar = /[!@#$%^&*()]/.test(password);

  if (password.length < 8) return 'Weak';
  if (hasLowercase && hasUppercase && hasNumber && hasSpecialChar) return 'Strong';
  if ((hasLowercase || hasUppercase) && hasNumber) return 'Medium';

  return 'Weak';
}

密码加密处理

前端密码应进行基本哈希处理后再传输，以下示例使用SHA-256加密：

js实现密码

async function hashPassword(password) {
  const encoder = new TextEncoder();
  const data = encoder.encode(password);
  const hashBuffer = await crypto.subtle.digest('SHA-256', data);
  const hashArray = Array.from(new Uint8Array(hashBuffer));
  return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
}

密码输入安全

增强密码输入框安全性可采取以下措施：

const passwordInput = document.getElementById('password');
passwordInput.type = 'password';
passwordInput.autocomplete = 'current-password';

// 显示/隐藏密码切换功能
const toggleButton = document.createElement('button');
toggleButton.textContent = '👁️';
toggleButton.addEventListener('click', () => {
  passwordInput.type = passwordInput.type === 'password' ? 'text' : 'password';
});

密码策略配置

创建可配置的密码生成器，允许自定义字符集和长度：

function createPasswordGenerator(options = {}) {
  const defaults = {
    length: 12,
    lowercase: true,
    uppercase: true,
    numbers: true,
    symbols: true,
    excludeSimilar: true
  };

  const config = { ...defaults, ...options };

  return function() {
    let charset = '';
    if (config.lowercase) charset += 'abcdefghjkmnpqrstuvwxyz';
    if (config.uppercase) charset += 'ABCDEFGHJKLMNPQRSTUVWXYZ';
    if (config.numbers) charset += '23456789';
    if (config.symbols) charset += '!@#$%^&*';

    let password = '';
    for (let i = 0; i < config.length; i++) {
      password += charset.charAt(Math.floor(Math.random() * charset.length));
    }

    return password;
  };
}