<title></title>
<style>.tips{width: 440px; height: 30px; margin: 5px auto; background: #fff; color: red; border: 1px solid #ccc; display: none;
line-height: 30px;
padding-left: 20px;
font-size:20px ;
}</style>
</head>
<body>
<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(){
ifEmpty(this);
};
}
function isEmpty(obj){
if (obj.value===''){
$('tips').style.display='block';
$('tips').innerHTML = '注意,输入的内容不能为空';
}else{$('tips').style.display = 'none';
}
}
</script>
</body>
用户名密码
最新推荐文章于 2023-12-23 19:09:21 发布