ASP.NET(VB)中如何根据空文本框动态切换回车触发按钮

你写的后台拼接form标签的代码完全无法生效，原因有三点：

• ASP.NET Web Forms的<form id="form1" runat="server">是全局注册的服务端控件，页面渲染阶段会自动生成完整的form标签输出到前端，你在后台代码里实例化StringBuilder拼的标签既不会替换现有form节点，也不会主动输出到页面响应流里，没有任何实际作用。
• 这段判断逻辑是服务端执行的，仅在页面请求、回发时运行，用户在前端输入文本内容、按回车的操作如果没有触发回发，服务端根本拿不到文本框的实时值，根本做不到动态切换。
• 就算你直接在后台给form赋值DefaultButton属性，也只能设置页面加载时的初始默认按钮，无法响应前端不回发的实时输入状态变化。

方案1：无JS原生实现（最适合JS基础薄弱的场景） #

不用修改全局form的默认按钮，直接用Web Forms自带的Panel控件的DefaultButton属性即可，这是框架原生支持的特性：在某个Panel容器范围内按回车键，会优先触发该Panel绑定的默认按钮，优先级高于全局form的默认按钮，不需要写任何前端代码。
aspx页面代码示例：

<form id="form1" runat="server">
    <asp:Panel ID="panMembrane" runat="server" DefaultButton="btnMembranePressure">
        <asp:Label runat="server" Text="膜压参数："></asp:Label>
        <asp:TextBox ID="txtMembranePressure" runat="server"></asp:TextBox>
        <asp:Button ID="btnMembranePressure" runat="server" Text="录入膜压" />
    </asp:Panel>

    <asp:Panel ID="panDiamond" runat="server" DefaultButton="btnDiamondPressure">
        <asp:Label runat="server" Text="钻压参数："></asp:Label>
        <asp:TextBox ID="txtDiamondPressure" runat="server"></asp:TextBox>
        <asp:Button ID="btnDiamondPressure" runat="server" Text="录入钻压" />
    </asp:Panel>
</form>

这个方案下，用户光标停在膜压输入框按回车就自动触发膜压录入按钮，光标停在钻压输入框按回车就自动触发钻压录入按钮，符合常规表单交互逻辑，零额外代码。

方案2：极简JS实现（匹配「按文本框空值动态触发对应按钮」的需求） #

如果你需要的逻辑是无论光标停在哪个位置，只要按回车键就自动判断：膜压输入框为空就触发膜压按钮，钻压输入框为空就触发钻压按钮，加几行简单JS就能实现，不需要改动后台逻辑。
直接在aspx页面的</body>标签前加入以下代码即可，其中的<%= 控件ID.ClientID %>是Web Forms内置语法，会自动输出控件在前端渲染后的真实ID，不需要手动查找替换：

<script type="text/javascript">
document.addEventListener('keydown', function(e) {
    if (e.key !== 'Enter') return;
    // 获取两个输入框的实时值，去掉首尾空格判断是否为空
    const memVal = document.getElementById('<%= txtMembranePressure.ClientID %>').value.trim();
    const diaVal = document.getElementById('<%= txtDiamondPressure.ClientID %>').value.trim();
    // 阻止默认的回车提交行为
    e.preventDefault();
    // 按空值优先级触发对应按钮
    if (memVal === '') {
        document.getElementById('<%= btnMembranePressure.ClientID %>').click();
    } else if (diaVal === '') {
        document.getElementById('<%= btnDiamondPressure.ClientID %>').click();
    }
    // 两个输入框都不为空时的触发逻辑可以自行补充
});
</script>

补充：后台设置全局默认按钮的正确写法 #

如果你确实需要在页面初始加载时设置全局默认按钮，不要拼接form标签，直接在Page_Load事件中给form的DefaultButton属性赋值即可，注意要赋值按钮的UniqueID：

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not IsPostBack Then
        ' 仅能设置页面首次加载的初始默认按钮，无法响应前端实时输入变化
        Form.DefaultButton = If(txtMembranePressure.Text = "", btnMembranePressure.UniqueID, btnDiamondPressure.UniqueID)
    End If
End Sub

再次提醒：这个写法只能设置初始状态，用户在前端输入内容不触发回发的话，默认按钮不会自动切换，满足不了动态判断的需求。

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