how to submit HTML controls values from .aspx page to sever using submit input control?

Question

1.00/5 (1 vote)

See more:

dear all,

On my (.aspx) content page , i have created some HTML controls dynamically using JQUERY.

these controls are used to collect data from user, and submit it to server.

how to submit values using an HTML submit button, to server side of the same page?

in other words :

1- HTML controls are on ( myPage.aspx ) page
2- HTML submit button, not ASP.NET button
3- receive submitted data in ( myPage.aspx.cs ) code

XML

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">

 <input id="name" type="text" value="misha"  />

  <input id="save" type="submit" value="submit" />

</asp:Content>

thanks

Posted 14-Jan-15 22:20pm

nina4ever

Updated 14-Jan-15 22:22pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2015-01-14T22:32:00

Solution 1

You need to put your controls under the <form> element. It needs to have the attribute action with the value of your URL used to post HTTP request. If you want to submit data, the attribute method should be method="post".

On submit button (input element's type "submit") the data will be sent according to the values of the controls; the data is sent in key-value pairs, and the name attributes of controls will be used as keys.

Please see:
http://www.w3schools.com/tags/tag_form.asp[^],
http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol#Request_methods[^].

[EDIT]

Your code sample, in input elements, does not show any attributes name="name".
They don't have any name attributes at all, but only name attributes are used by the browsers as key in HTTP request. You should have some unique values (per form) in each element: name="name", name="address", name="telephone", etc.

—SA

Posted 14-Jan-15 22:32pm

Sergey Alexandrovich Kryukov

Updated 18-Jan-15 2:03am

v2

Comments

nina4ever 15-Jan-15 4:40am

thank you.. but :

1- master page already have a form tag, and i set the method to "Post", so my controls ARE created within the form element already.
2- i added a break point in page_load of (myPage.aspx.cs). when i click submit button, the page is posted back, i.e. form is submitted to server, and page_load of (myPage.aspx.cs) is triggered.
3- i tried to get value of the text field :
string s = "";
if(Page.IsPostBack)
s = Request.Form["name"];
but got an empty string.. THIS IS MY PROBLEM

Sergey Alexandrovich Kryukov 15-Jan-15 11:49am

You should have mentioned about all those "already have" to free me from redundant explanations before I posted the answer, not after.
Now, your code sample, in input elements, does not show any attributes name="name".
They don't have any name attributes at all, but only name attributes are used by the browsers as key in HTTP request. You should have some unique values (per form) in each element: name="name", name="address", name="telephone", etc.
—SA

nina4ever 18-Jan-15 3:04am

thank you soooo much. it worked.
and sorry for not mentioning details from the beginning.
would you like to post your reply as a solution so that i can accept it as an answer?

Sergey Alexandrovich Kryukov 18-Jan-15 8:03am

One solution would be enough to accept, right?
Done, please see the update above, after [EDIT].
—SA

nina4ever 18-Jan-15 4:09am

another question, please:

i have a group of radio buttons with the same name. when i check one of them, and submit the form, i successfully get the correct checked radio value on server side.
BUT, if no radio is checked on the form, then when submitted, i can't find the group name among AllKeys list in Request.Form..
and i need to get all input values, even if null. is there some way?

Sergey Alexandrovich Kryukov 18-Jan-15 8:09am

This is because the group is not a control having a value. It only affects how its children work together (that is, the set of radio buttons checks mutually exclusively). Moreover, it is only needed if there are more than one group to be distinguished. Conclusion: give the name to each individual check box and check their values.
—SA

nina4ever 18-Jan-15 8:37am

this is what i have, and it still has the same behavior:

<input id="radio1" type="radio" name='group' value='1' />
<input id="radio2" type="radio" name='group' value='2'/>
<input id="radio3" type="radio" name='group' value='3'/>

if no radio is checked, i don't find "group" within AllKeys list on server after submit

Sergey Alexandrovich Kryukov 18-Jan-15 8:40am

Try individual names...
—SA