如何做非空验证样式

如何做这样的非空验证
如果说用户名Id为userName，密码Id为password
本人对js不熟，有具体代码更好。

5 个解决方案

#1

http://www.w3school.com.cn/jquery/event_blur.asp

#2

var reg=/^\S+$/;
if($("#userName").val() && $("#password").val()){
       //正常登陆操作
}else{
      //用户名或密码为空
}

#3

<style type="text/css">
.usernameDiv{
position:absolute;
top:event.clientY;
left:ecent.clientX;
width:50px;
height:20px;
}
</style>

var username=document.getElementById("username");
username.onblur=function(){
    if(this.value.length<=0){
       var div=document.createElement("div");
       div.className="usernameDiv";
       div.innerText="请输入您的帐号后再登录";
    }
}

#4

if($("#userName").val() =‘’）
{
     alert("请输入您的帐号后再登录");
}

#5

用jquery可以做一个这样的皮肤