Get input value on server side

Question

I'm having some trouble and not sure what's going on.

I have a form with input value and want to be able to get that input value and send it back to my controller (server side).

My html code

<form action="/Home/Search" method="get">
                    <button class="search-btn-widget"></button>
                    <input class="search-field" id="sub" type="text" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" value="Search" />
                </form>

Then in my controller I have

string sub = Request["sub"];

However it ends up being null and not sure what's going on. Any ideas?

You should definitely look into strongly typed views. You're currently using MVC in the incorrect way. — Simon Whitehead, Nov 28 '13 at 21:24
I don't exactly see how this pertains to the question but okay. — Claud, Nov 28 '13 at 21:28
Just trying to provide some guidance. You're going the completely wrong direction with MVC. — Simon Whitehead, Nov 28 '13 at 21:30

score 2 · Accepted Answer · edited May 23 '17 at 10:31

2

Just to make it work: add the name attribute

 <input class="search-field" id="sub" name="sub" ...

but check this.

edited May 23 '17 at 10:31

Community

1
1

answered Nov 28 '13 at 21:29

Thanks this worked. I just thought id would work without having to include name. Silly mistake. – Claud Nov 28 '13 at 21:33
Good but check also the model binding mechanism in MVC. – Nov 28 '13 at 21:35
I'm already using it but maybe I need to look more into it. Thanks. – Claud Nov 28 '13 at 21:37

score 1 · Answer 2 · answered Nov 28 '13 at 21:30

You need to add the name attribute to the input tag.

If you pull up the developer console and take a look at the HTTP GET request that is being sent, you will see that no query string is being associated with the request. This will let you know that the issue on the HTML side and not the ASP.Net MVC side.

Update input tag:

<input class="search-field" id="sub" name="sub" type="text" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" value="Search" />

Update Controller Action to:

public ActionResult Search(string sub)

score 1 · Answer 3 · answered Nov 28 '13 at 21:31

1

1) If you wanna see your input into the Request you must send your Form as POST:

<form action="/Home/Search" method="POST">

2) Make sure that input has a name:

<input class="search-field" id="sub" name="name" 
 type="text" 
 onblur="if(this.value=='')this.value='Search';"
 onfocus="if(this.value=='Search')this.value='';" 
 value="Search" />

Then you will be able so see It in the request

answered Nov 28 '13 at 21:31

Fals

6,813
4
23
43

I wanted to see it in the GET but the name attribute was the problem. But thanks and +1. – Claud Nov 28 '13 at 21:35

Yosi Dahari · Answer 4 · 2013-11-28T21:31:42.557

0

You should add the name attribute to the input element.

edited Nov 28 '13 at 21:31

answered Nov 28 '13 at 21:22

Yosi Dahari

6,794
5
24
44

Get input value on server side

4 Answers4