Hi,

I am using Umbraco 7 for one of my websites. I am currently creating the login/logout section of the website.

Everything is working fine except after the user enters wrong credentials I need to show a new div tag. I use TempData to store the error and the error is their when I debug.

Except It won't refresh the HTML because I am using jQuery Ajax to submit the form.

jQuery code:

$(function () {
    $('form').submit(function () {
        if ($(this).valid()) {
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize()
            });
        }
        return false;
    });
});

Controller:

[HttpPost]
public ActionResult MemberLogin(LoginFormViewModel model)
{
    if (ModelState.IsValid)
    {
        if (Membership.ValidateUser(model.Username, model.Password))
        {
            //FormsAuthentication.SetAuthCookie(model.Username, false);

            return RedirectToCurrentUmbracoPage();
        }
        else
        {
            TempData["LoginError"] = true;
            return RedirectToCurrentUmbracoPage();
        }
    }
    else
    {
        return RedirectToCurrentUmbracoPage();
    }
}

View:

@if (TempData["LoginError"] != null)
{
    <div class="form-group">
        <span class="field-validation-error">
             <span>Gebruikersnaam of wachtwoord onjuist!</span>
        </span>
    </div>
}
else
{
    <div class="form-group">
        <span>Correct!</span>
    </div>
}

Is this normal behaviour of the ajax submit? Do I need to use the error() handler of the jQuery ajax to handle the error message?

/Michael