弹窗用户控件启用View State后提交无VIEWSTATE，如何解决？

看来你碰到了ASP.NET ViewState的典型坑——控件不在form标签范围内的话，哪怕你给控件开了ViewState，提交时也不会被ASP.NET收集进去。针对你没法直接把弹窗移到父form里的情况，给你几个实用的解决思路：

方案1：后台动态将弹窗并入form容器 #

这是最省心的办法，不用大改前端结构。在你的弹窗用户控件后台代码里，找个合适的时机（比如OnInit或者Load事件），把控件本身添加到页面的form控件中：

protected override void OnInit(EventArgs e)
{
    base.OnInit(e);
    // 确保控件被挂载到form内
    if (Page.Form != null)
    {
        Page.Form.Controls.Add(this);
    }
}

如果你的弹窗是点击按钮才触发显示的，也可以在触发弹窗显示的后台方法里执行这段逻辑，这样弹窗从一开始就属于form的子控件，提交时ViewState自然会被包含进请求里。

方案2：手动在提交时携带ViewState值 #

要是实在没法把弹窗移到form里，那就手动把页面的ViewState传递过去，分两种场景处理：

• 普通按钮提交场景：在弹窗里加一个隐藏字段，然后在客户端点击提交按钮时，把父页面form里的__VIEWSTATE隐藏域的值复制到这个字段中。用JavaScript实现的话：

document.getElementById('popupSubmitBtn').addEventListener('click', function() {
    // 获取页面的ViewState值
    const viewState = document.getElementById('__VIEWSTATE').value;
    // 赋值给弹窗内的隐藏字段
    document.getElementById('popupViewState').value = viewState;
});

这种方式需要你自己在后台处理ViewState的验证和恢复，相对麻烦一点，但能解决问题。

• AJAX提交场景：直接把__VIEWSTATE作为参数加到AJAX请求的Form Data里，比如用jQuery：

$.ajax({
    url: '你的提交接口地址',
    type: 'POST',
    data: {
        date: $('#date').val(),
        email: $('#email').val(),
        personalMessage: $('#personalMessage').val(),
        __VIEWSTATE: $('#__VIEWSTATE').val()
    },
    success: function(response) {
        // 处理提交后的响应
    }
});

方案3：用UpdatePanel包裹弹窗与触发逻辑 #

如果你的项目用到了ASP.NET AJAX，可以把弹窗用户控件和触发它显示的按钮都放到同一个UpdatePanel里。UpdatePanel本身就在form标签内，异步回传时会自动维护ViewState，这样弹窗的ViewState就能正常被提交了。注意调整UpdatePanel的UpdateMode设置，确保弹窗显示时能触发正确的局部更新。

另外要提醒你：ASP.NET不允许form嵌套，别想着给弹窗单独加form标签，那样会引发更奇怪的问题。

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