js 输入框验证密码格式

可以使用正则表达式来验证密码格式，以下是一个简单的示例代码：

const passwordInput = document.getElementById("password-input");

passwordInput.addEventListener("input", function() {
  const password = passwordInput.value;
  const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/;
  // 密码必须包含至少一个小写字母、大写字母和数字，且长度至少为8位

  if (regex.test(password)) {
    passwordInput.setCustomValidity(""); // 验证通过，清除错误提示
  } else {
    passwordInput.setCustomValidity("密码格式不正确"); // 验证不通过，设置错误提示
  }
});

在上述代码中，我们使用 `addEventListener` 方法给输入框添加了一个 `input` 事件监听器，当输入框的值发生变化时会触发该事件。在事件处理函数中，我们首先获取输入框的值，然后使用正则表达式来验证密码格式。如果验证通过，则使用 `setCustomValidity` 方法将输入框的自定义错误提示清空；否则，将自定义错误提示设置为 "密码格式不正确"。最后，用户在表单提交时如果输入的密码格式不正确，就会看到相应的错误提示。