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

Question

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

<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

添加返回false; ？

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;   
}