鼠标离开文本框自动对文本框内容进行验证怎么实现

例如我要对密码框输入的内容进行验证，必须是16位以内的字母和数字的组合，如果超出16位，则在鼠标离开密码框时在密码框附近出现验证信息：您输入的密码必须在16位以内！这个如何实现？

JS脚本就可以function CheckN() {
    var Msg = document.getElementById("CheckUserNameMessage");
    var chk = true;
var regu = "^[0-9a-zA-Z]{4,16}$";
var re = new RegExp(regu);
if (!re.test(document.getElementById("TextUserName").value)) {
  Msg.className = "STYLE1";
  $("#CheckUserNameMessage").html("用户名只能是4-16位的数字或字母的组合！");
      chk = false;
    }

if(document.getElementById("TextUserName").value==""){
   Msg.className = "STYLE1";
   $("#CheckUserNameMessage").html("请填写用户名！");
       chk = false;
}    return chk;
}
<asp:TextBox ID="TextUserName" runat="server" CssClass="bd" Width="150px" onblur="CheckN();"></asp:TextBox>
                    <span class="STYLE1">*</span>
                    <span id="CheckUserNameMessage"></span>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
function on_blur(obj){
if(/^[0-9a-zA-Z]{1,16}$/g.test(obj.value)==false){
alert("您输入的密码必须在16位以内！");
}
}
</script>
</head><body>
<input type="text" name="pw" id="pw" onblur="on_blur(this)" value="">
</body></html>
需要正则去验证，离开焦点事件（onblur）去触发,楼上的已经给出来了