在 JavaScript 中确认密码验证

输入密码时，有时需要用户再次输入相同的密码来进行确认，以确保输入正确。这就是确认密码验证。

在 JavaScript 中，我们可以使用以下方法快速实现确认密码验证：

HTML 结构

在 HTML 中，我们需要添加两个输入框来分别输入密码和确认密码：

<label for="password">密码：</label>
<input type="password" id="password" name="password"><br>

<label for="confirm-password">确认密码：</label>
<input type="password" id="confirm-password" name="confirm-password">

JavaScript 函数

然后，我们需要编写一个 JavaScript 函数来检查密码和确认密码是否匹配：

function validatePassword() {
  var password = document.getElementById("password");
  var confirm_password = document.getElementById("confirm-password");

  if(password.value != confirm_password.value) {
    confirm_password.setCustomValidity("两次输入的密码不匹配，请重新输入。");
  } else {
    confirm_password.setCustomValidity('');
  }
}

该函数由两个输入框的 ID 获取输入框的值，并使用 if 语句检查密码和确认密码是否相同。如果不相同，它将设置一个自定义的验证消息，以提示用户重新输入相同的密码。如果它们相同，将清除自定义验证消息。

监听事件

最后，我们需要将函数分配给单击“提交”按钮的事件，以便在用户单击时执行确认密码验证：

var submitBtn = document.getElementById("submit-btn");
submitBtn.addEventListener("click", validatePassword);

这样，在用户单击“提交”按钮时，将执行 validatePassword 函数进行确认密码验证。

结论

实现确认密码验证非常简单，只需编写一个 JavaScript 函数并将其分配给单击事件即可。请记住，它只是确认密码验证的一种简单方法，而实际上有许多不同的方法可以实现。