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

客户端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" /> 
------其他解决方案--------------------------------------------------------
？？能否说详细点？
------其他解决方案--------------------------------------------------------
谢谢5653325 
已解决，结贴，给分！