"Converting" asp.net form to html form

Question

i have an asp.net webform. the users enter data into the textboxes and i do OnClick="SubmitData" with a button:

now i would like to use jquery and make my form look much better and i do not know if i can keep the asp.net controls or whether i have to convert to html controls.

question do i need to convert

<asp:TextBox ID="section_c_issue_error_identified_byTextBox"  width="500" runat="server" 
                    />

to something like this:

<textarea name="comments" id="comments" rows="5" cols="60"></textarea>

and if so, how would i grab the user input from these new html textboxes?

can you tell me exactly how would i pass these values into my c# code?

Answer 1

You don't need to convert anything as it gets converted to html anyway on clientside.

There are few ways to grab the value of the text box such as,

If the following is my textbox,

   <asp:TextBox ID="txtCountry" Width="500" runat="server" CssClass="countryText" />

I can use,

$('#<%= txtCountry.ClientID%>').val()

$('.countryText').val()

Answer 2

You don't need to convert anything, simply adding the property clientID the type static

 ClientIDMode="Static"

That's warranted that the id asp component doesn't change the name of the id

<asp:TextBox ID="txtCountry" Width="500" runat="server" CssClass="countryText"  ClientIDMode="Static" />

$('#txtCountry').val();