bootstrap，jQuery - 找不到元素

Question

我想获取文本框的值以对其执行验证，但是在尝试从中检索值时，我的jQuery代码以某种方式给出了错误。我也使用bootstrap。

这是错误：

  

未捕获的TypeError：无法读取属性＆＃39;值＆＃39;为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的确切ID后，一切正常。

我错过了什么？

Answer 1

ASP.NET标记由浏览器转换为HTML。您可以设置ClientIDMode=Static以强制浏览器保留您设置的ID值。