ASP Button在JavaScript函数返回false时仍回发，求排查解决

嘿，我一眼就瞅出问题所在了！你的代码里有两个关键问题，导致验证失败时页面依然会回发：

1. 错误调用未定义的客户端变量 #

你的chkMemName函数里直接写了txtMemName.focus();，但txtMemName是服务器端控件的ID，在浏览器的客户端环境里根本不存在这个全局变量！这会让代码执行到这一行时抛出ReferenceError，函数直接中断，后面的return false根本没机会执行，页面自然就回发了。

2. OnClientClick的写法逻辑错误 #

你现在按钮的OnClientClick="chkMemName(); return false;"意味着不管验证结果如何，最后都会强制返回false——这完全反过来了！验证通过时你应该允许回发，验证失败才阻止才对，正确写法是直接返回验证函数的执行结果。

修正后的完整代码 #

JavaScript部分

function chkMemName() {
    // 先获取DOM元素并保存到变量，避免找不到元素的问题
    var txtMemName = document.getElementById('<%= txtMemName.ClientID %>');
    var valMemName = txtMemName.value;
    
    // 建议加上trim()，避免用户只输入空格的情况
    if (valMemName.trim().length == 0) { 
        alert("member name missing!!!");
        txtMemName.focus();
        return false; // 验证失败，阻止回发
    }
    
    return true; // 验证通过，允许触发服务器端事件
}

ASP.NET控件部分

<label>MEM NAME</label>
<input type="text" maxlength="200" runat="server" id="txtMemName" autocomplete="off" />

<asp:Button ID="btnAddFamily" runat="server" 
    OnClientClick="return chkMemName();" 
    ClientIDMode="Static" 
    formnovalidate="formnovalidate" 
    OnClick="btnAddFamily_Click" 
    Text="ADD" />

额外调试提示 #

以后遇到这类前端问题，记得打开浏览器开发者工具（按F12），切换到**控制台(Console)**标签看看报错信息——这次的ReferenceError肯定会显示在那里，能帮你快速定位问题根源。

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