«Преобразование» формы asp.net в форму HTML

Question

У меня есть веб-форма asp.net.пользователи вводят данные в текстовые поля, и я делаю OnClick="SubmitData" с помощью кнопки:

, теперь я хотел бы использовать jquery и сделать мою форму намного лучше, и я не знаю, смогу ли я сохранить asp.netэлементы управления или я должен преобразовать в элементы управления HTML.

вопрос нужно ли мне преобразовать

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

во что-то вроде этого:

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

и если да, то как мне взятьпользовательский ввод из этих новых текстовых полей HTML?

Можете ли вы сказать мне точно, как я бы передать эти значения в мой код C #?

Answer 1

Вам не нужно ничего конвертировать, так как он все равно конвертируется в html на клиентской стороне.

Есть несколько способов получить значение текстового поля, например,

Еслиниже мое текстовое поле,

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

я могу использовать,

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

$('.countryText').val()

Answer 2

Вам не нужно ничего преобразовывать, просто добавьте свойство clientID типа static

 ClientIDMode="Static"

Гарантируется, что идентификатор asp component не меняет имя идентификатора

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

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

Answer 3

вопрос, нужно ли мне конвертировать

<asp:TextBox ID="section_c_issue_error_identified_byTextBox" 

width = "500" runat = "server" />

во что-то вроде этого:

<textarea name="comments" id="comments" rows="5"

cols = "60">

Да, вам нужно это сделать.

Чтобы захватить ввод из этих элементов управления с помощью JQuery, вам нужно сделать:

var elementValue = $('#elementid').val();

elementid - это идентификатор, который вы присвоили элементу в вашей разметке.В приведенном выше примере это будут «комментарии».

elementValue будет иметь текст, введенный в вашей текстовой области.