js验证两次密码是否匹配

<form id="passwordForm">
  <input type="password" id="password" placeholder="设置密码">
  <input type="password" id="confirmPassword" placeholder="确认密码">
  <span id="error-message"></span>
  <button type="submit">提交</button>
</form>

document.getElementById('confirmPassword').addEventListener('input', function() {
  const password = document.getElementById('password').value;
  const confirmPassword = this.value;
  const errorMessage = document.getElementById('error-message');

  if (password !== confirmPassword) {
    errorMessage.textContent = '两次输入的密码不匹配';
    errorMessage.style.color = 'red';
  } else {
    errorMessage.textContent = '';
  }
});

document.getElementById('passwordForm').addEventListener('submit', function(event) {
  const password = document.getElementById('password').value;
  const confirmPassword = document.getElementById('confirmPassword').value;
  const errorMessage = document.getElementById('error-message');

  if (password !== confirmPassword) {
    errorMessage.textContent = '两次输入的密码不匹配';
    errorMessage.style.color = 'red';
    event.preventDefault(); // 阻止表单提交
  }
});