8.2鼠标不必点击按钮就可以检验

最新推荐文章于 2025-02-13 14:51:07 发布

原创最新推荐文章于 2025-02-13 14:51:07 发布 · 274 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

22 篇文章

订阅专栏


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
账号:<input type="text" id="username" onFocus="nameShow()" onBlur="nameCheck()" onKeyUp="nameCheck()">
<!--onfocus就是点击时文本框后的事件,也叫获得焦点后的事件-->
<!--onBlur就是离开时文本框后的事件,也叫失去焦点后的事件-->
<!--onKeyUp就是键盘没输入一个值后的事件,也叫案件抬起的事件-->
<span id="namespan"></span>
<script type="text/javascript">
//账号
	function nameShow(){
		var a = document.getElementById("namespan");
		a.innerHTML = "<font color='red' size='2'>用户名不能小于6位</font>";
	}
	function nameCheck(){
		var a = document.getElementById("namespan");
		var b = document.getElementById("username").value;//获取输入的内容
		if(b.length<6){
			a.innerHTML = "<font color='red' size='2'>用户名长度不对</font>";
		}else{
			a.innerHTML = "<font color='blue' size='2'>输入正确</font>";
		}
	}

</script>
</body>
</html>