How to call controller method from view on button click

July 07 2020 by Admin

In this article, we will explain how to call controller method from view on button click with an example and sample code.

In this article, we will explain how to call the controller method from view on button click with an example and sample code. In this example, we have created a sample login page, there are two buttons on the login page. based on button click we are redirecting to respective action methods.

Step -1

Open Visual Studio. Click on the file in the menu and select new Project .

How to call controller method from view on button click

Step -2

Select new project type.

Login.cshtml

We have provided razor view html below.

@model WebApplication1.Models.Loginmodel

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>Login</title>

</head>

<body>

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/jqueryval")

@using (Html.BeginForm())

{

@Html.AntiForgeryToken()

<h4>Loginmodel</h4>

<hr />

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.UserName, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" })

</div>

@Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control", @type = "password" } })

@Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })

</div>

<br />

<br />

</a>

</div>

}

<div>

</div>

</body>

</html>

Models

public class Loginmodel

{

public string UserName { get; set; }

public string Password { get; set; }

}

LoginController

public class LoginController : Controller

{

// GET: Login

[HttpGet]

public ActionResult Login()

{

return View();

}

[HttpPost]

public ActionResult Login(Loginmodel model)

{

if (model.Password != null && model.UserName != null)

{

return View("~/Views/Home/dashboard.cshtml", model);

}

else

{

return View();

}

[HttpGet]

public ActionResult ForgotPassword()

{

return View();

}

Screenshot

Button
MVC

Home > MVC > How to call controller method from view on button click