ASP.NET按钮Alert触发后意外回发删除用户问题求助

哦，我太熟悉这个坑了！问题出在你的onClientClick属性的写法上——你只是调用了check()函数，但没有把它的返回值传递给按钮的客户端点击事件，所以哪怕函数内部返回了false，浏览器还是会默认执行后续的表单回发操作，最终触发服务器端的删除逻辑。

为什么会这样？ #

ASP.NET的服务器端按钮在渲染时会生成表单提交的逻辑，onClientClick里的代码是在表单提交之前执行的。如果这段代码返回false，浏览器就会取消后续的提交动作；但如果只是调用函数而不返回结果（就像你现在的写法onClientClick="check()"），不管函数内部返回什么，浏览器都会默认认为事件处理完成，继续执行提交。

修复方案 #

只需要修改按钮的onClientClick属性，加上return关键字，让它接收check()函数的返回值：

<asp:Button ID="btnDelete" class="btn btn-danger" runat="server" Text="Izbriši" OnClick="btnDelete_Click" onClientClick="return check();"> </asp:Button>

这样修改后：

• 当用户有关联文档/保单时，check()返回false，onClientClick就会把这个false返回给浏览器，阻止表单回发，不会触发服务器端的删除操作；
• 当没有关联项且用户点击确认框的“确定”时，check()返回true，浏览器才会继续执行回发，触发btnDelete_Click完成删除。

额外验证小提示 #

你可以在check()函数里加个控制台输出，方便确认返回值是否正常：

function check() {
    var totalRows = $("#<%=gvDocuments.ClientID %> tr").length-1;
    var totalRows1 = $("#<%=gvPolice.ClientID %> tr").length-1;
    if (totalRows > 0 || totalRows1 > 0) {
        alert('Izbrišite ' + totalRows + ' dokumenta i ' + totalRows1 + ' polica klijenta prije nego ga možete izbrisati!');
        console.log("返回false，阻止回发");
        return false;
    } else {
        var r = confirm('Jeste li sigurni da želite izbrisati klijenta?')
        console.log("用户选择结果：", r);
        return r;
    }
}

打开浏览器开发者工具（F12）的控制台，就能看到每次点击按钮后的返回值，帮你快速验证逻辑是否正常工作。

内容的提问来源于stack exchange，提问作者Šimun Višević