ASP.NET Core Razor表单提交按钮偶发不触发提交问题排查

表单提交不稳定完全是前端JavaScript逻辑错误导致，和ASP.NET Core Razor表单、后端接口逻辑无关，具体有三个问题：

• 逻辑顺序错误：confirm弹窗弹出后，无论用户点击确认还是取消，代码都会立刻执行window.history.go(-1)触发浏览器回退。该操作会触发当前页面卸载，直接中断JS线程执行，后续判断返回值、触发表单提交的逻辑会被随机打断，回退操作和表单POST请求会抢占浏览器执行优先级，才会出现偶发提交成功、偶发直接回退像用户点了取消的现象。
• 函数作用域错误：CompleteOrNot函数被嵌套写在$(document).ready()的回调内部，属于局部作用域函数，全局绑定的onclick事件默认无法访问到该函数，仅部分浏览器做了兼容容错才没有直接抛出「函数未定义」错误，这也是功能不稳定的诱因之一。
• 返回值缺失：当下拉框选中值不是Y时，函数没有任何返回值，默认返回undefined，会被浏览器识别为false，直接阻止表单提交。

1. 移除确认逻辑里错误放置的window.history.go(-1)：回退逻辑应该放在表单提交成功、后端返回成功响应后执行，绝对不能放在提交前的确认环节。如果是传统同步表单POST，本身就会遵循PRG模式跳转页面，完全不需要前端手动写回退逻辑，需要跳转指定地址直接在后端Action里配置Redirect即可。
2. 把CompleteOrNot函数移到全局作用域，不要嵌套在jQuery的ready回调中。
3. 补全所有逻辑分支的返回值，保证非完成状态下表单可以正常提交。

修正后的脚本代码如下：

@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
<script type="text/javascript">
function CompleteOrNot() {
    const selectValue = $("#isComplete").val();
    // 非完成状态直接放行提交
    if (selectValue !== "Y") {
        return true;
    }
    // 弹出确认框
    const submitConfirmed = confirm("Are you sure you want to complete this request?");
    // 仅用户点取消时阻止提交
    return submitConfirmed;
}
</script>
}

• 打开浏览器F12开发者工具，切换到Sources面板，给CompleteOrNot函数加断点，单步执行就能看到运行到window.history.go(-1)时页面直接触发卸载，后续return逻辑根本不会执行。
• 切换到Network面板，勾选Preserve log选项，复现失败场景时可以看到POST请求状态为canceled，或者请求根本没有发出，就是被回退操作中断导致的。

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