JavaScript异常行为

Question

这是我的代码隐藏文件：

protected void btnCheckUserName_Click(object sender, EventArgs e)
        {
            lblShowUserName.Text = txtUserName.Text;
        }

以下是我的.aspx文件：

<script type="text/javascript">
    function confirmName()
    {
        debugger;

        var userName = document.getElementById("txtUserName").value;
        var flag = false;
        if (userName != "")
        {
            flag = window.confirm("You entered" + userName + ", Are you sure to continue?");
        }

        if (flag) {

            return true;

        }
        else {
            return false;
        }

    }

</script>

脚本在我的脑海中：

这是正文：

<form id="form1" runat="server">
    <div>
        <asp:Label ID="lblUserName" runat="server" Text="Name:" Font-Bold="True" Font-Italic="True"></asp:Label>
        &nbsp;<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>

        &nbsp;<asp:Button ID="btnCheckUserName" runat="server" Text="Click Me" OnClientClick="confirmName();" OnClick="btnCheckUserName_Click" Font-Bold="True" Font-Italic="True"/></div>

        <asp:Label ID="lblShowUserName" runat="server"></asp:Label></form>

以上是输出：

当我将文本框留空并单击按钮时，为什么我的服务器端代码会执行？有人可以向我解释这个吗？