html - 如何告诉浏览器不要提供保存不正确的密码？

Question

通常在网站上，如果我错误地输入了错误的密码，我会返回一个指示错误凭据的页面，但 Chrome(或其他)会提示我“你想记住这个密码吗？”

有没有什么办法可以提示浏览器现在不是询问的时候，只在用户输入正确的密码时才提示？

Answer 1

你可以使用 JQuery & Ajax将登录表单发送到服务器并在不重新加载页面的情况下收到响应，从而完全避免了这个问题。

编辑

类似这样的内容(未经测试):

<div id="error"></div>
<form id="loginForm" method="post">
  <input type="username" name="username" id="username">
  <input type="password" name="password" id="password">
  <input type="submit" value="Login">
</form>

<script>
  $(function(){
   $('#loginForm').submit(function(){
     // Ajax to check username/pass
    $.ajax({
      type: "POST"
    , url: "/login"
    , data: {
        username: $('#username').val()
      , password: $('#password').val()
      }
    , success: function(response) {
        if(response == 'OK'){
          $('#loginForm').submit()
        } else {
          $('#error').html('Invalid username or password')
        }
      }
   })
  })
</script>