登录页面

<div id="tips"></div>
<div class="box">
	<label>用户名：<input id="user" type="text"></label>
	<label>密 码：<input id="pass" type ="password"></label>
	<button id="login">登录</button>
</div>
<script >
window.onload=function() {
	addBlur($('user'));
	addBlur($('pass'));
};
function $(obj) {
	return document.getElementById(obj);
}
function addBlur(obj) {
	obj.onblur=function() {
		isEmpty(this);
	};

}
function isEmpty(obj) {
	if (obj.value=='') {
		$('tips').style.display='block';
		$('tips').innerHTML='注意输入内容不能为空！';
	}else{
$('tips').style.display='none';
}

}