用html和js写登陆页面如何验证密码

首先，需要在 HTML 中创建一个表单，其中包含用户名和密码输入框以及一个提交按钮。例如：

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username"><br><br>
  
  <label for="password">Password:</label>
  <input type="password" id="password" name="password"><br><br>
  
  <input type="button" value="Submit" onclick="submitForm()">
</form>

然后，在 JavaScript 中编写 `submitForm()` 函数来验证输入的密码是否正确。可以使用 AJAX 技术将表单数据发送到服务器进行验证，或者在客户端使用一些 JavaScript 库对密码进行加密处理。

以下是一个简单的 JavaScript 函数，用于验证密码是否正确：

function submitForm() {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  
  // 在这里编写验证密码的代码，可以使用 AJAX 技术或者一些 JavaScript 库对密码进行加密处理。
  
  // 如果密码正确，则可以跳转到另一个页面。
  if (password === "123456") {
    window.location.href = "success.html";
  }
  // 如果密码错误，则显示错误消息。
  else {
    alert("Incorrect password!");
  }
}

当用户点击提交按钮时，将调用 `submitForm()` 函数来获取表单数据，并对密码进行验证。如果密码正确，则跳转到成功页面；否则，显示一个错误消息。