How To Clear Fields After Form Submit In ASP.NET MVC

August 05 2020 by Admin

In this article, we will explain how to clear fields after form submit in asp.net MVC with an example and a sample code.

In this article, we will explain how to clear fields after form submit in asp.net MVC with an example and a sample code. In this example, we have created a sample form page, The form fields which are created using Model class are cleared by clearing the Model using ModelState.Clear function.

Step -1

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

How To Clear Fields After Form Submit In ASP.NET MVC

Step -2

Select new project type.

Index.cshtml

We have provided html code below.

@model WebApplication1.Models.Stockmodel

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>How To Clear Fields After Form Submit In ASP.NET MVC</title>

</head>

<body>

@using (Html.BeginForm())

{

@Html.AntiForgeryToken()

<h4>Stockmodel</h4>

<hr />

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

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

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

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

</div>

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

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

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

</div>

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

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

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

</div>

<br />

</div>

}

</body>

</html>

Model

public class Stockmodel

{

public int stockId { get; set; }

public string StockName { get; set; }

public decimal StockPrice { get; set; }

}

FormController

public class FormController : Controller

{

// GET: Form

public ActionResult Index()

{

return View();

}

[HttpPost]

public ActionResult Index(Stockmodel stock)

{

ModelState.Clear();

return View();

}

Screenshot

Button
MVC
Textbox

Home > MVC > How To Clear Fields After Form Submit In ASP.NET MVC