Passing data from html form > Model > Controller not working

Question

I am completely new to ASP.NET Core(2 weeks in) and I need to learn Web dev all over again with ASP.net for work and yeah, trying to figure it all out. so forgive the probably noob question.

I am having issues passing data from HTML form to a Model and then to the Controller that I can't figure out. Here is my issue.

Here is basic HTML:

<form method="post" action="/FormProcWithModels" role="form">
    <input asp-for="UserName" type="text" id="UserName" placeholder="Enter your Full Name" />
    <input type="submit" />
</form>

Here is Model:

namespace project001.Models
{
    public class ContactPageModel
    {
        public string UserName{ get; set; }
    }
}

Here is the Controller:

Edit to show more code. This is my GET method

[HttpGet]
public IActionResult Contact()
{
   ViewBag.PageTitle = "This is the Contact page";
   return View();
}

[HttpPost("FormProcWithModels")]
public IActionResult Contact(ContactPageModel model)
{
    return Content($"The form username entered is {model.UserName}");
}

So as an example, when I enter the name of "Jim" into the form and submit it, the page loads with "The form username entered is:" but the name doesn't pass through.

I don't get errors or anything and I'm not good enough to figure out why the data is null.

Thanks in advance for any assistance given.

Edit:

When I do it like this:

[HttpPost("FormProcWithoutModels")]
public IActionResult Contact(string uName)
{
    string currentUser = uName;
    ViewBag.PageTitle = "This is the Contact page";
    //return View();
    return Content($"The form username entered is {currentUser}");
}

It works without Model. Soon as I try with Models, it doesn't work!

If this is just a basic learning project, consider uploading it to Github for someone to take a look at. There's not enough information in the question to resolve this. — Kirk Larkin
– Kirk Larkin, Commented Dec 16, 2017 at 17:09
It could no possibly work with a parameter named string uName since the name of the input is name="UserName", therefore you have not shown the relevant code. — user3559349
– user3559349, Commented Dec 16, 2017 at 22:25
Hi @StephenMuecke, thats another route. i put it to show how when i do data passing like that, that it works. notice the "FormProcwithoutModels" vs "FormProcWithModel" . sorry if i made it confusing — somdow
– somdow, Commented Dec 16, 2017 at 23:16
The code you have shown works just fine. If its not working for you, then its dues to other code you have not shown us. — user3559349
– user3559349, Commented Dec 16, 2017 at 23:55
I'm curious, when you say you're completely new to ASP.NET core and are having to learn web dev all over, what were you using before? I'm interested in the learning curve of ASP.NET Core and making it easier for people to ramp up on .NET Core... — Tony Ranieri
– Tony Ranieri, Commented Dec 17, 2017 at 0:40

Divyang Desai · Accepted Answer · 2017-12-16 14:32:40Z

2

I assume that this is because, you don't have get method. You need to add get method to take user input.

So, basically your controller looks like:

[HttpGet]
public IActionResult Contact()
{
    return View();
}

[HttpPost("FormProcWithModels")]
public IActionResult Contact(ContactPageModel model)
{
    return Content($"The form username entered is {model.UserName}");
}

View page:

@model ContactPageModel

<form method="post" action="/FormProcWithModels">
    <input asp-for="UserName" type="text" id="UserName" placeholder="Enter your Full Name" />
    <input type="submit" />
</form>

Though it's not working, add role="form"

<form method="post"...  role="form">

...
...
</form>

edited Dec 16, 2017 at 14:32

answered Dec 16, 2017 at 14:25

Divyang Desai

7,90414 gold badges56 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

somdow Over a year ago

Howdy Div. i do have a "get method" that looks exactly like yours in my code .

Divyang Desai Over a year ago

@somdow: Thanks for letting me know, I updated the answer, please check

Divyang Desai Over a year ago

@somdow: I have checked it on my end, and your code is really working..

somdow Over a year ago

I updated my post to include my GET method plus the HTML where i added role="form". And nothing. I dont see any errors and when i put a breakpoint on the return content line, and mouse over "model", the value is null. Also, to be clear, this is on the top of my html form razor page: @model project001.Models.ContactPageModel and nothing.

Divyang Desai Over a year ago

@somdow: Not sure it's why it's not working, it's working for me..see here: imgr.es/3SI4

|

programtreasures · Accepted Answer · 2017-12-16 14:32:44Z

2

You can also get submitted value using HttpContext.Request params

[HttpPost("FormProcWithModels")]
public IActionResult Contact()
{
    var UserName = HttpContext.Request.Form["UserName"]

    return Content($"The form username entered is {UserName}");
}

using FormCollection

[HttpPost("FormProcWithModels")]
public IActionResult Contact(FormCollection Fc)
{
    var UserName = Fc["UserName"].ToString();

    return Content($"The form username entered is {UserName}");
}

answered Dec 16, 2017 at 14:32

programtreasures

4,2882 gold badges14 silver badges30 bronze badges

2 Comments

somdow Over a year ago

Hello @programtreasures. I did the first one and no good. For the second one, what "using" do i need to add for it to work?

programtreasures Over a year ago

using Microsoft.AspNetCore.Http

Dan Soper · Accepted Answer · 2017-12-16 16:20:51Z

0

I’ve found that in ASP.Net Core, model binding isn’t always as automatic. Try:

[HttpPost("FormProcWithModels")]
public IActionResult Contact([FromForm] ContactPageModel model)
{
    return Content($"The form username entered is {model.UserName}");
}

answered Dec 16, 2017 at 16:20

Dan Soper

6788 silver badges18 bronze badges

Collectives™ on Stack Overflow

Passing data from html form > Model > Controller not working

3 Answers 3

8 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related