为何JavaScript确认对话框点击取消后仍执行后续条件？

你的问题根源在于服务器端代码和客户端脚本的执行顺序：服务器会先把所有C#代码执行完，再把生成的页面（包括你用Response.Write输出的confirm脚本）发送给浏览器。所以不管你在客户端点confirm的确定还是取消，服务器端已经跑完了第二个if判断的逻辑，脚本是在页面渲染后才执行的，根本没法影响已经完成的服务器端流程。

正确的解决思路：客户端前置验证 #

在按钮提交到服务器之前，先用JavaScript完成confirm判断，只有用户点击“确定”时才允许提交请求到服务器，点击“取消”就直接阻止提交。

步骤1：修改ASPX页面的按钮，添加客户端点击事件 #

给按钮加上OnClientClick属性，指定客户端验证函数：

<asp:Button ID="btSendToTheRight" runat="server" Text="Send" 
            OnClick="btSendToTheRight_Click" 
            OnClientClick="return validateBeforeSubmit();" />

步骤2：编写客户端验证脚本 #

在页面的<script>标签里添加验证函数：

function validateBeforeSubmit() {
    // 获取金额输入框的客户端ID（ASP.NET会自动生成，用<%= %>获取）
    var amountInput = document.getElementById('<%= txAmount.ClientID %>');
    // 检查金额是否为空
    if (amountInput.value.trim() === "") {
        // 弹出confirm，点击确定返回true（允许提交），点击取消返回false（阻止提交）
        return confirm('No Amount selected. Do you want to continue?');
    }
    // 金额不为空时，直接允许提交
    return true;
}

步骤3：修改服务器端代码 #

服务器端只保留后续的业务验证逻辑即可：

protected void btSendToTheRight_Click(object sender, EventArgs e)
{
    if (txDeaneries.SelectedIndex == 0)
    {
        Response.Write("<script>alert('Please select current deanery.');</script>");
        return;
    }
    // 这里写后续的业务逻辑
}

为什么这样能解决问题？ #

客户端的validateBeforeSubmit函数会在按钮提交请求到服务器之前执行：

• 当用户点击“取消”，函数返回false，直接阻止表单提交，服务器端的btSendToTheRight_Click事件根本不会触发，自然不会执行第二个if判断。
• 当用户点击“确定”，函数返回true，表单正常提交到服务器，服务器端再执行后续的下拉框验证逻辑。

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