用户名密码

最新推荐文章于 2023-12-23 19:09:21 发布

iaRMB

最新推荐文章于 2023-12-23 19:09:21 发布

阅读量321

点赞数

本文链接：https://blog.csdn.net/iaRMB/article/details/102535676

版权

	<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>

iaRMB

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用户名密码

<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-l...
复制链接

扫一扫