Home/ Questions/Q 6184639
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T01:34:18+00:00

I ve been looking for a straight forward way to prompt error messages, ideally

  • 0

I ve been looking for a straight forward way to prompt error messages, ideally a popup, (javascript or otherwise) to users failing the login system on this form:

@model Blog.Models.ViewModels.LoginView
<!DOCTYPE html>
<html>
<body>
@using (Html.BeginForm()) {
<p>Your name: @Html.TextBoxFor(x => x.name) </p>
<p>Your password: @Html.TextBoxFor(x => x.password)</p>
    <input type="submit" value="Login" />    
}
</body>
</html>

but most examples I ve found use the onclick method on a label. Instead i want it to be handled by this controller:

private BlogModel model = new BlogModel();
[HttpPost]
    public ActionResult LoginForm(string name, string password)
    {
                SysUser user = model.SysUsers.Where(x => x.SysUserName == name).First();
                {
                    if (user != null && user.SysPassword == password)
                    {
                        Session["usrn"] = name;
                        return RedirectToAction("LoginSuccessful", "Users");
                    }
                    else
                    {
                        //display error//
                    }
                }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would recommend against a popup or alert() dialog. Instead, I would use a styled div to display your error messages. If you’re using jQuery UI, you could try my message plugin. Since its displayed with javascript, you can use it like so:

    Controller:

    [HttpPost]
public ActionResult LoginForm(string name, string password)
{
    SysUser user = model.SysUsers.Where(x => x.SysUserName == name).First();
    {
        if (user != null && user.SysPassword == password)
        {
            Session["usrn"] = name;
            return RedirectToAction("LoginSuccessful", "Users");
        }
        else
        {
            ViewBag.LoginError = true;
        }
    }
}

    Markup with jquery-message:

    <div id="loginError" style="display:none">Login Error...</div>

@if (ViewBag.LoginError == true)
{
    <script type="text/javascript">
        $("#loginError").message({type:"error"});
    </script>
}

    Or if you prefer, without jquery-message:

    @if (ViewBag.LoginError == true)
{
    <div id="loginError" class="error">Login Error...</div>
}
    • 0