ASP中TextMode=MultiLine的TextBox设置maxlength无效问题求解

问题原因 #

当ASP.NET的TextBox控件设置TextMode="MultiLine"时，会被渲染为HTML的<textarea>元素。早期ASP.NET框架默认不会将maxlength属性传递给<textarea>（因为旧版HTML规范中<textarea>没有该属性，HTML5才新增支持），所以直接在控件标签内写maxlength会被框架忽略，导致页面加载后属性消失。

解决方案 #

• 后台代码手动添加属性
  在页面的后台代码（比如Page_Load事件）中，通过控件的Attributes集合添加maxlength：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        txtComments.Attributes.Add("maxlength", "500");
    }
}

• 使用原生HTML textarea控件（带runat="server"）
  如果不需要依赖TextBox控件的特定功能，直接使用原生HTML的<textarea>并加上runat="server"，这样可以直接保留maxlength属性，同时依然能在后台代码中访问该控件：

<textarea runat="server" ID="txtComments" class="form-control" maxlength="500"></textarea>

• JavaScript动态设置属性
  如果不想修改后台代码，可以在页面加载完成后用JS动态添加maxlength属性：

// 原生JS
window.addEventListener('load', function() {
    document.getElementById('txtComments').setAttribute('maxlength', '500');
});

// 若项目使用jQuery
// $(document).ready(function() {
//     $('#txtComments').attr('maxlength', '500');
// });

内容的提问来源于stack exchange，提问作者Captain