tips使用

<div style="width:100%;text-align: center;margin: 0 auto;position: absolute;">
<div id="loginbox">
<form action="" method="post" name="loginForm" id="loginForm">
<div class="control-group">
<div class="controls">
<div class="main_input_box">
<input type="text" name="loginname" id="loginname" value="" placeholder="请输入用户名" />
</div>
</div>
</div>
<div class="form-actions">
<span class="pull-right"><a onclick="severCheck();">登录</a></span>
</div>
</form>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery.tips.js"></script>
<script type="text/javascript">
//客户端校验
function severCheck() {
if ($("#loginname").val() == "") {
$("#loginname").tips({
side : 2,
msg : '用户名不得为空',
bg : '#AE81FF',
time : 3
});
$("#loginname").focus();
return false;
} else {
$("#loginname").val(jQuery.trim($('#loginname').val()));
}
return true;
}
</script>