Как вернуть сообщение об ошибке неверного пароля через Ajax - MVC

Это пример. Надеюсь помочь, мой друг.

[HttpPost]
    public JsonResult Login(string Mail, string pass)
    {
        var status = true; 
        var hashedPass = PasswordSecurity.PasswordStorage.CreateHash(pass);
        using (DbNameSpace db = new DbNameSpace())
        {
            var query = from cbr in db.Contact_Business_Relation
                        join c in db.Contact on cbr.Contact_No_ equals c.Company_No_

                        join sa in db.Sales_Header on cbr.No_ equals sa.Sell_to_Customer_No_
                        join px in db.PX2 on c.E_Mail equals px.Email_ID

                        where c.E_Mail == Mail.ToLower()
                        select new
                        {
                            Mail = c.E_Mail,
                            pass = px.PS,

                        };

            var user = query.FirstOrDefault();
            var CheckPass = PasswordSecurity.PasswordStorage.VerifyPassword(pass, user.pass);

            if (user != null && CheckPass) //Checkpassword
            {

                Session["Email"] = user.Mail.ToString();

            }

     else {
                status = false;                
         }

            return Json(status, JsonRequestBehavior.AllowGet);
        }


    }

В Javascript:

<script>

    $(document).ready(function () {

        $("#login").click(function (e) {

            var email = $("input[name=Mail]").val();
            var password = $("input[name=pass]").val();
            e.preventDefault();


            $.ajax({

                type: "POST",
                dataType: "json",
                url: '@Url.Action("Login", "Account")',
                data: { Mail: email, pass: password },
                success: function (status) {
                    if (status) {
                        window.location.href = "/Account/Index";
                    }else{
                         $('#invalidpassword').html('You have entered wrong password!');
                    }


                }

            });

        });
    });

</script>

Проверьте этот учебник JQuery. Лично я бы использовал методы обратного вызова Fail и Done. Измените ваш контроллер c #, чтобы он возвращал разные коды состояния HTTP. Используйте HTTP 200, когда они передают хорошее имя пользователя и пароль. Используйте HTTP 400, когда они передают неверный пароль, это должно вызвать обратный вызов Fail () и позволить вам предупредить о сбое.

https://learn.jquery.com/ajax/jquery-ajax-methods/

// Using the core $.ajax() method
$.ajax({

    // The URL for the request
    url: "post.php",

    // The data to send (will be converted to a query string)
    data: {
        id: 123
    },

    // Whether this is a POST or GET request
    type: "GET",

    // The type of data we expect back
    dataType : "json",
})
  // Code to run if the request succeeds (is done);
  // The response is passed to the function
  .done(function( json ) {
     $( "<h1>" ).text( json.title ).appendTo( "body" );
     $( "<div class=\"content\">").html( json.html ).appendTo( "body" );
  })
  // Code to run if the request fails; the raw request and
  // status codes are passed to the function
  .fail(function( xhr, status, errorThrown )** {
    alert( "Sorry, there was a problem!" );
    console.log( "Error: " + errorThrown );
    console.log( "Status: " + status );
    console.dir( xhr );
  })
  // Code to run regardless of success or failure;
  .always(function( xhr, status ) {
    alert( "The request is complete!" );
  });

Обычным делом было бы установить статус ответа 401 и опустить обычную полезную нагрузку данных, которая будет отправлена с успешным ответом. Затем клиентский код должен распознавать состояние ошибки и реагировать соответствующим образом (например, возможно, показывая предупреждение и оставаясь в форме имени / пароля); это поведение на стороне клиента будет указано в вызове $.ajax.

Много вариантов,

Самый простой: в вашем действии вы также можете вернуть JSON:

return Json(new { Error = "Username & password does not match." });

Тогда в вашем обработчике успеха вы можете проверить это:

$.ajax({
    ...
    success: function (result) {
        if (result && result.error) {
            //show your error in your way
            return;
        }
        ...
    }
});

Другой метод - выбросить ошибку или вернуть Unauthorized();:

        if (user == null || !passcheck)
        {
            throw new Exception("Username & password does not match.");
            //return Unauthorized();
        }

Тогда вам понадобится обработчик ошибок $ .ajax

$.ajax({
    ...
    error: function (xhr, textStatus, err) {
        //handle error from 3 parameters.
        debugger;
    },
    ...
});