html form posting to mvc controller

Question

I am trying to set up a simple login html page, whose action is sent to mvc controller on another of my sites. I have no problem setting up the page to do the post, and in the mvc controller I have my method that reads the form post. The problem is that I am not seeing my fields from the html form in the form collection.

Is there something special that I need to do to read a form post within a mvc controller method, if so what is that?

The is the form action markup from my page

<form action="http://reconciliation-local.sidw.com/login/launch" method="post">
    User Name <input type="text" id="username"/><br/>
    Password <input type="text" id="password"/>
    <input type="submit" value="launch"/>


</form>

The controller method

    [HttpPost]
    public ActionResult launch(FormCollection fc)
    {
        foreach (string fd in fc)
        {
            ViewData[fd] = fc[fd];
        }
        return View();
    }

When I step through the controller method code, I am not seeing anything in the formcollection parameter.

Show the code of your form, please.

Jeroen Vannevel
– Jeroen Vannevel

2013-10-31 02:15:54 +00:00
Commented Oct 31, 2013 at 2:15 — Jeroen Vannevel
– Jeroen Vannevel, Commented Oct 31, 2013 at 2:15
Also show your controller method.

Brian Rogers
– Brian Rogers

2013-10-31 02:34:30 +00:00
Commented Oct 31, 2013 at 2:34 — Brian Rogers
– Brian Rogers, Commented Oct 31, 2013 at 2:34

Dmitry · Accepted Answer · 2016-05-14 20:33:59Z

Post Html To MVC Controller

Create HTML page with form (don't forget to reference a Jquery.js)

<form id="myform" action="rec/recieveData" method="post">

    User Name <input type="text" id="username" name="UserName" /><br />
    Password  <input type="text" id="password" name="Password"/>
              <input type="submit" id="btn1" value="send" />
</form>

<script>
    $(document).ready(function () {

         //get button by ID
        $('#btn1').submit(function () {

            //call a function with parameters
            $.ajax({
                url: 'rec/recieveData',  //(rec)= Controller's-name 
                                         //(recieveData) = Action's method name
                type: 'POST',
                timeout: '12000', (optional 12 seconds)
                datatype: 'text',
                data: {
                    //Get the input from Document Object Model
                    //by their ID
                    username: myform.username.value,  
                    password: myform.password.value,
                }

            });
        });
    });

</script>

Then in The MVC Controller

                         controller/action
                             |        |

1. Create Controller named rec (rec/recieveData)

Create View named rec.cshtml

Here is the controller:

 public class recController : Controller
    {
        // GET: rec
        string firstname = "";
        string lastname = "";

        List<string> myList = new List<string>();

        public ActionResult recieveData(FormCollection fc)
        {
          //Recieve a posted form's values from  parameter fc
            firstname = fc[0].ToString(); //user
            lastname = fc[1].ToString();  //pass

           //optional: add these values to List
            myList.Add(firstname);
            myList.Add(lastname);

            //Importan:
            //These 2 values will be return with the below view
            //using ViewData[""]object...
            ViewData["Username"] = myList[0];
            ViewData["Password"] = myList[1];

            //let's Invoke view named rec.cshtml
            // Optionaly we will pass myList to the view
            // as object-model parameter, it will still work without it thought
            return View("rec",myList);
        }
    }

Here is the View:

@{
    ViewBag.Title = "rec";
}

<h2>Hello from server</h2>

<div>
    @ViewData["Username"]<br /> <!--will display a username-->
    @ViewData["Password"] <!-- will display a password-->

</div>

ohiodoug · Accepted Answer · 2013-10-31 02:54:18Z

1

If you posted some code it would be much easier to help you, so please edit your question...

Make sure that your form's action has the correct address, that your method is specifying POST (method="POST") and that the input fields under your form have name attributes specified.

On the server side, try making your only parameter a FormCollection and test that the fields in your form posted through the debugger. Perhaps your model binding isn't correct and the FormCollection will at least show you what got posted, if anything.

These are just common issues I've seen. Your problem could be different, but we need to see what you're working with to be able to tell.

answered Oct 31, 2013 at 2:54

ohiodoug

1,5131 gold badge9 silver badges12 bronze badges

Comments

Eugene · Accepted Answer · 2013-11-02 13:17:21Z

1

Try something like this:

cQuery _aRec = new cQuery();
    _aRec.Sqlstring = "SELECT * FROM Admins";
    DataSet aDS = _aRec.SelectStatement();
    DataTable aDT = aDS.Tables[0];
    foreach (DataRow aDR in aDT.Rows){
        if (txtAdminUsername.Text == aDR[0].ToString()){
            if (txtAdminPassword.Text == aDR[1].ToString()){
                Session["adminId"] = aDR[0];
                Response.Redirect("Admin.aspx");
                return;
            }
        }
    }

answered Nov 2, 2013 at 13:17

Eugene

1261 silver badge4 bronze badges

Comments

prison-mike · Accepted Answer · 2013-11-01 17:49:22Z

0

Make sure that your FormCollection object properties for username and password are defined properly.

answered Nov 1, 2013 at 17:49

prison-mike

4801 gold badge5 silver badges14 bronze badges

3 Comments

IrishManInUSA Over a year ago

Figured it out.....and not sure exactly why this matters, but on the form tag I need to use the name attribute for the fieldnames and not the id attribute. MAde that change, and hey presto it came through...go figure. :)

prison-mike Over a year ago

Makes sense. I believe that's how the controller binds to the form field.

RiceRiceBaby Over a year ago

You are correct. To get around that, you have to create your own editor template.

IrishManInUSA · Accepted Answer · 2013-11-02 04:46:54Z

0

I had to use the name attribute on the text tag, and that solved my problem, is now working like a charm.

answered Nov 2, 2013 at 4:46

IrishManInUSA

711 gold badge1 silver badge2 bronze badges

Comments

Ean V · Accepted Answer · 2014-02-19 01:52:03Z

You have to use Ajax to do that.. Whenever you want to "submit" from client side, you should use Ajax to update the server

Step 1 - you redirect your Ajax call to your action, but with your list of parameters in the query-string appended

$.ajax(url: url + "?" + your_query_string_parameter_list_you_want_to_pass)

Step 2 - add optional parameters to your Controller-action with the same names and types you expect to get returned by the client

public ActionResult MyControllerAjaxResponseMethod(type1 para1 = null, 
                                                   type2 para2 = null, 
                                                   type3 para3 = null, ..)

Know that the optional parameters have to be initialized, otherwise the Action itself will always ask for those

Here's where the "magic" happens though --> MVC will automatically convert the query-string parameters into your optional controller-parameters if they match by name

I was also looking for a good answer for this, --> i.e. - one that doesn't use q-s for that usage, but couldn't find one..

Kinda makes sense you can't do it in any other way except by the url though..

Collectives™ on Stack Overflow

html form posting to mvc controller

6 Answers 6

Post Html To MVC Controller

Then in The MVC Controller

Comments

Comments

Comments

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Post Html To MVC Controller

Then in The MVC Controller

Comments

Comments

Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related