Display Login Failed and Success message in ASP.Net MVC

KALEEM

SOLVED CLOSED ACTIVE ANSWERED
User: KALEEM
Posted: on May 13, 2016 05:38 AM
Forum: ASP.Net MVC
Answer: 1
Views: 42228
Sample Code: Download

Show message in aleert popup if username

and password will be wrong

public class LoginClass
{
    public int LogID { get; set; }
    public string Username { get; set; }
    public string Password { get; set; } 
}

Controller

  [HttpGet]
        [ActionName("Login")]
        public ActionResult login_Get()
        {
            return View();
        }


        [HttpPost]
        [ActionName("Login")]
        public ActionResult login_Post(LoginClass cls)
        {
            var login = ("admin".Equals(cls.UserName) && "12345".Equals(cls.Password));
            if (login != null)
            {
                return RedirectToAction("Details");
            }
            else
            {
                ViewBag.Message = "UserName or password is wrong";
                return View();
            }
        }

Views

<div>
        @using(Html.BeginForm("login", "Home", FormMethod.Post) 
        {
         @Html.AntiForgeryToken() // this is for prevent CSRF attack 
        if (@ViewBag.Message != null) {
        <div id="popupdiv" style="border: 1px solid red; display: none;">
            @ViewBag.Message
        </div>
        }
        <table style="width: 50%;">
            <tr>
                <td>
                    Username
                </td>
                <td>
                    <input type="text" id="uname" name="uname" />
                </td>
            </tr>
            <tr>
                <td>
                    Password
                </td>
                <td>
                    <input type="text" id="pswd" name="pswd" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input id="submit" type="submit" value="submit" />
                </td>
            </tr>
        </table>
        }
    </div>

jquery for popup

<script type="text/jscript">
        $(document).ready(function () {
            var x = $("#uname").val();
            var y = $("#pswd").val();
            $("#submit").on("click", function () {
                if (error condition ) {
                    alert('username and password is null');
                }
                else {
                    var div = $("#popupdiv").text();
                    alert(div)
                }

            });
        });
    </script>

Thanks

Download FREE API for Word, Excel and PDF in ASP.Net

Shashika...

0 1

Reply
ANSWER
User: Shashikant
Replied: on May 13, 2016 05:51 AM
Modified: on May 13, 2016 05:54 AM
Report

Hi,

Please refer below code.

Index(View)

<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            if ($('#popupdiv').html() != '') {
                $("#popupdiv").show();
            }
        });
    </script>
    <div>
        <%using (Html.BeginForm("Login", "Login", FormMethod.Post))
            {
                Html.AntiForgeryToken(); %>
        <%
                if (ViewData["Message"] != null)
                {%>
        <div id="popupdiv" style="border: 1px solid red; display: none;">
            <%=ViewData["Message"]%>
        </div>
        <%  } %>
        <table style="width: 50%;">
            <tr>
                <td>
                    Username
                </td>
                <td>
                    <%: Html.EditorFor(model=> model.Username) %>
                </td>
            </tr>
            <tr>
                <td>
                    Password
                </td>
                <td>
                    <%: Html.EditorFor(model=> model.Password) %>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input id="submit" type="submit" value="submit" />
                </td>
            </tr>
        </table>
        <% }%>
    </div>
</div>

LoginController(Controller)

public ActionResult Index()
{
    return View();
}

[HttpPost]
public ActionResult Login(string uname, string pswd)
{
    List<LoginClass> listOfValidUsers = new List<LoginClass>
        {
            new LoginClass { LogID = 1,Username="David",Password="123" },
            new LoginClass{LogID =2,Username="Kevin",Password="abc"}
        };

    if (ModelState.IsValid)
    {
        var r = from user in listOfValidUsers
                where user.Username.Trim() == uname.Trim() && user.Password.Trim() == pswd
                select user;
        if (r.Count() > 0)
        {
            ViewData["Message"] = "Success";

        }
        else
        {
            ViewData["Message"] = "Fail";
        }
    }
    return View("Index");
}

LoginClass(Class)

public class LoginClass
{
    public int LogID { get; set; }
    [Required]
    public string Username { get; set; }
    [Required]
    public string Password { get; set; }
}

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Display Login Failed and Success message in ASP.Net MVC

Company

Explore

Follow us

Contact Us