javascript - 页面在输入错误的用户名/密码时刷新而不显示错误消息

Question

我正在使用 ajax 提交登录表单并检查凭据是否正确。当我输入正确的用户名和密码时，它会成功登录，但是当我输入错误的用户名/密码时，页面会刷新而不显示任何消息。我无法确定其背后的原因。任何帮助将不胜感激。在此先感谢。

<form action=""  method="post" id="login-form">
  <div class="login_fields">
     <label>Email</label>
     <input  name="your_email" id="user-name" type="email" class="required textfield" autofocus required>
    <label>Password</label>
     <input  name="your_password" id="password"  type="password"                    class="required textfield" required>
    <div class="login_buttons">
          <button type="submit" class="contact-send contact-button" >Login</button>
          <a   class="register-button">Register</a>
     </div>
  </div>
</form>
<script>
$(document).ready(function()
{
 $(".contact-send").click(function()
    {
       $.ajax({
                          url: "/index/loginform",
                          data: $("#login-form").serialize() + "&action=send",
                          type: "post",
                          cache: false,
                          dataType: "html",
                          success : function(resp)
                          {
                    if(resp=="send-1")
                        {
                      alert("invalid username/password");
                    }
                                  },
             error : function(error,st,e)
                {
                   console.log(error,st,e); 
                }
            });
            });
   });
    </script>

Answer 1

当您“警告”一个错误时，它只会将其转换为一个字符串，即[object Object]，尝试改用console.log该错误。

Answer 2

提醒您从 ajax 页面获得的响应数据。尝试在 console.log 中打印以检查。它将在控制台中打印对象

Answer 3

添加返回假；?

success : function(resp)
{
        if(resp=="send-1"){
            alert("invalid username/password"););
            return false;   
        }
},
error : function(error,st,e)
{
    console.log(error,st,e);
    return false;   
}