C# ASP.NET环境下如何通过JavaScript动态修改form的DefaultButton默认按钮

DefaultButton是ASP.NET Web Forms的服务端专属属性，服务器渲染表单时只会将其转换为内置的表单回车处理逻辑，不会作为原生DOM属性暴露到前端，因此你无法通过JS直接读取或修改该属性，之前的尝试失败是正常现象。

完全放弃依赖ASP.NET原生DefaultButton逻辑，自己通过JS监听表单回车事件，匹配当前可见按钮、触发前端验证后执行对应逻辑，全程无任何回发，符合你的需求：

实现代码 #

// 绑定表单回车监听事件
document.getElementById('<%= form1.ClientID %>').addEventListener('keydown', function(e) {
    // 仅处理回车键，排除textarea换行场景
    if (e.key === 'Enter' && e.target.tagName !== 'TEXTAREA') {
        // 阻止原生表单提交默认行为
        e.preventDefault();

        // 声明三个按钮的DOM对象
        const btnCreate = document.getElementById('<%= btnCreateAccount.ClientID %>');
        const btnVerify = document.getElementById('<%= btnVerifyAccount.ClientID %>');
        const btnValidate = document.getElementById('<%= btnValidate.ClientID %>');
        let activeBtn = null;

        // 匹配当前可见的按钮
        if (window.getComputedStyle(btnCreate).display !== 'none') {
            activeBtn = btnCreate;
        } else if (window.getComputedStyle(btnVerify).display !== 'none') {
            activeBtn = btnVerify;
        } else if (window.getComputedStyle(btnValidate).display !== 'none') {
            activeBtn = btnValidate;
        }

        if (!activeBtn) return;

        // 触发ASP.NET原生前端验证，验证通过后执行按钮绑定逻辑
        if (typeof Page_ClientValidate === 'function' && Page_ClientValidate()) {
            activeBtn.click();
        }
    }
});

注意事项 #

• 如果你的验证器配置了ValidationGroup属性，调用Page_ClientValidate()时传入对应的验证组名即可，比如Page_ClientValidate('SignupGroup')
• 按钮的显示隐藏逻辑不需要做任何修改，回车监听会自动匹配当前可见的按钮，不需要额外维护状态
• 代码完全在前端执行，不会触发任何表单回发，页面原有输入和状态不会丢失

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