<!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>
8.2鼠标不必点击按钮就可以检验
最新推荐文章于 2024-08-14 13:53:45 发布