html – 如何告诉浏览器不提供保存不正确的密码?

前端之家收集整理的这篇文章主要介绍了html – 如何告诉浏览器不提供保存不正确的密码?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
通常在网站上,如果我错误输入错误的密码,我会收到一个表示错误的凭据的页面,但Chrome(或其他)会提示“您是否想要记住此密码?”

有没有办法提示浏览器,现在不是时候问,所以只提示用户是否输入正确的密码?

解决方法

您可以使用 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>

猜你在找的HTML相关文章