CODEWITHSUNDEEP
javascriptc#jqueryasp.net-mvcrazor
Jack
Jack

Reputation: 1

Clear form elements after using browser's back button in MVC razor View

I have a Create View form in an MVC5 application and after creating a record I redirect to another view called Completed. If the user click back button of the web browser, the previous data retains and I cannot clear the form fields using the following methods below:

View:

document.getElementById("frmCreate").reset();

or

$('#frmCreate').trigger("reset");

or 

$("#frmCreate")[0].reset();

I also tried to clear ModelState in the controller, but does not make any sense.

Controller:

//code omitted for brevity

db.Visitors.Add(visitor);
db.SaveChanges();

// This will clear whatever form items have been populated
ModelState.Clear();

return RedirectToAction("Completed");

Any idea except from the above in order to clear all of the form elements?

Upvotes: 0

Views: 3004

Answers (1)

NaN
NaN

Reputation: 1072

Use the following function in you script, 

 $(window).load(function() {
         $('form').get(0).reset(); //clear form data on page load
     });

Upvotes: 1

Related Questions