bootstrap, jQuery - не удается найти элемент

Question

Я хочу получить значение текстового поля для выполнения проверки на нем, но каким-то образом мой код jQuery дает мне ошибку при попытке извлечь из нее значение. Я также использую bootstrap.

Это ошибка:

Uncaught TypeError: Cannot read property 'value' of null

Это моя функция:

$(function() { 
    var year = document.getElementById('<%=txtReportYear.ClientID %>').value; 
    alert(year); 
}); 

Это фрагмент кода, который имеет текстовое поле:

<div class="form-group"> 
    <asp:TextBox CssClass="form-control" ID="txtReportYear" runat="server" placeholder="Enter Year" MaxLength="4"></asp:TextBox> 
</div> 

Однако, после подстановки <%=txtReportYear.ClientID %> с точным идентификатором элемента управления MainContent_maincontent_txtReportYear, все работает хорошо.

Что мне не хватает?

Answer 1

Разметка ASP.NET переведена в HTML браузером. Вы можете установить ClientIDMode=Static, чтобы заставить браузер сохранить установленное значение идентификатора.