Blazor中EditForm.OnValidSubmit连续触发4次的原因排查求助

1. 组件实例复用与事件订阅残留 #

如果PageModel或Blazor组件实例被意外复用，组件内的事件订阅未正确清理，会导致多次绑定：

• 组件销毁时未取消OnValidSubmit相关事件的订阅，复用实例后旧订阅依然生效，触发时多次执行逻辑。
• 检查ExPageBase基类的事件注册逻辑，确认是否在组件Dispose方法中正确释放事件委托，避免残留订阅。

2. ChromeBook浏览器特定行为 #

ChromeOS环境下的Chrome浏览器可能存在特殊事件触发逻辑：

• 触摸点击时可能同时触发click、touchstart等多类事件，若按钮未做防抖处理，可能引发多次提交。虽已排除DxButton问题，仍需确认按钮是否同时绑定了多类触发事件。
• 浏览器自动重试机制：若首次提交请求响应超时或异常，Chrome可能自动重试，导致后端多次接收请求，进而重复触发OnValidSubmit。可通过网络日志确认是否存在重复请求。

3. Blazor表单提交逻辑异常 #

• 检查EditForm的OnValidSubmit是否被多次注册：比如在OnInitialized或OnParametersSet中重复添加事件处理委托，每次组件参数更新都新增绑定，最终导致多次触发。
• 表单验证逻辑是否存在异步竞态条件：若验证方法未正确等待异步操作完成，可能多次触发验证完成信号，进而触发提交回调。

4. EntityFramework上下文生命周期问题 #

虽怀疑PageModel复用，但DbContext配置不当也可能引发类似异常：

• 若DbContext被配置为单例生命周期，多次提交时上下文内的实体状态未重置，会导致集合项重复添加抛出异常。需确认DbContext是否采用Scoped注入方式。

排查建议 #

• 在OnValidSubmit方法开头添加日志，记录当前组件实例ID、时间戳、请求ID，确认是同一实例多次触发还是多实例的重复请求。
• 检查ExPageBase的生命周期方法（如OnInitializedAsync、Dispose），确保事件订阅仅执行一次，销毁时正确取消。
• 在ChromeBook上开启浏览器开发者工具网络面板，监控提交时的请求数量，确认是否为前端多次发送请求。
• 给OnValidSubmit添加临时防抖逻辑（比如用布尔变量标记提交状态，处理完成前拒绝新触发），同时辅助排查问题。

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