ASP.NET客户端textbox为空时，变为红色框，当前页面不刷新

ASP.NET客户端textbox为空时，变为红色框，当前页面不刷新
我想点击按钮时，如果文本框内容为空，则不执行OnClick="btnSave_Click" 进入后台，且页面不刷新，怎么实现啊？我的代码如下，每次点击按钮时页面都刷新，进入后台代码。谢谢
代码：
function setFocus() {
   var nameValue = document.getElementById("userName").value;
   if (nameValue == "" || nameValue == null) {
       document.getElementById("userName").focus();
   }
}
      
页面代码：
文本框:
<asp:TextBox ID="userName" runat="server" ></asp:TextBox>
按钮：
<asp:ImageButton ID="btnLogin" ImageUrl="images/login.png" runat="server" OnClientClick="setFocus()" OnClick="btnSave_Click" />

function setFocus() {
    var nameValue = document.getElementById("userName").value;
    if (nameValue == "" || nameValue == null) {
        document.getElementById("userName").focus();
        return false;
    }
    return true;
 }

<asp:ImageButton ID="btnLogin" ImageUrl="images/login.png" runat="server" OnClientClick="return setFocus();" OnClick="btnSave_Click" />