使用JS为.NET WebForm文本框赋值后显示正常但无法保存

原因1：前端控件ID匹配错误 #

ASP.NET WebForm中，服务器控件（如<asp:TextBox>）的前端实际ID会自动生成前缀（比如在母版页、ContentPlaceHolder中时），直接用服务器ID txtFullName 可能无法正确定位元素。即使页面能显示内容，也可能是巧合（比如控件未嵌套在容器中），但回发时可能因ID问题导致数据提交异常。

解决方法：
在JS中使用ASP.NET输出的控件ClientID来定位元素：

document.getElementById('<%= txtFullName.ClientID %>').value = "John Smith";

如果想固定前端ID，可设置控件的ClientIDMode="Static"：

<asp:TextBox ID="txtFullName" Text="" runat="server" ClientIDMode="Static" />

此时JS代码可直接用txtFullName作为ID。

原因2：服务器端设置了ReadOnly/Enabled="false" #

如果服务器端给文本框设置了ReadOnly="true"或Enabled="false"，浏览器会将对应的input标记为不可提交，回发时后台无法获取该值。

解决方法：
不要使用服务器端的只读/禁用属性，改用客户端属性控制：

var txtElem = document.getElementById('<%= txtFullName.ClientID %>');
txtElem.value = "John Smith";
txtElem.readOnly = true; // 客户端只读，不影响表单提交
// 若要禁用，可用txtElem.disabled = true; 但禁用后无法提交值，需根据需求选择

原因3：Page_Load中未判断IsPostBack导致值被覆盖 #

如果在Page_Load事件中直接给文本框赋值，且未判断!IsPostBack，回发时会覆盖用户（或JS）提交的值。

解决方法：
初始化控件时仅在首次加载时执行：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // 仅在页面首次加载时初始化文本框
        txtFullName.Text = "";
    }
}

验证方法 #

回发时可先在后台输出表单提交的所有值，确认数据是否被提交：

protected void btnSave_Click(object sender, EventArgs e)
{
    // 查看所有表单提交的值
    foreach (string key in Request.Form)
    {
        Response.Write($"{key}: {Request.Form[key]}<br/>");
    }
    // 再尝试获取文本框值
    string fullName = txtFullName.Text;
}

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