- 鼠标点击事件：click
- 鼠标悬停事件：hover
- 鼠标移走事件：mouse out
- 鼠标提交事件，触发JS函数：onsubmi
- 网页加载事件：load
- 下拉列表框选项切换事件：change
- 输入框失去焦点事件：blur
- 输入框产生焦点事件：fcous
function： 声明一个函数的开始
document：相当于一个集合
getElemnetById()：通过id来取得元素，只能访问id元素并且调用
innerHTML：获取对象的内容或者向对象插入内容
onblur：在对象失去焦点的时候会触发onblur事件
span：内部元素，行内元素文本的容器
alert（）：弹出警告框
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function checkuser(username) {
if(username==null||username==""){
document.getElementById("user_error").innerHTML="*用户名不能为空";
return false;
}else{
document.getElementById("user_error").innerHTML="";
return true;
}
}
function checkpwd (passwords) {
if(passwords==null||passwords==""){
document.getElementById("pwd_error").innerHTML="*密码不能为空";
return false; //返回false
}else{
document.getElementById("pwd_error").innerHTML="";
return true;
}
}
function jj () {
var userisright = checkuser(document.getElementById("user").value);
var pwdisright = checkpwd(document.getElementById("psw11").value);
if(userisright==true&&pwdisright==true){
return true;
}else{
alert("输入有错，登录失败！");
return false;
}
}
</script>
</head>
<body>
<form action="#" method="post" onsubmit="return jj()">
账号：
<!--这是一个文本输入框-->
<input type="text" name="user" id="user" value="" onblur="checkuser(this.value);" />
<span id="user_error" style="color: red;"></span><br/>
密码：
<!--这是一个密码输入框-->
<input type="password" name="psw11" id="psw11" value=""onblur="checkpwd(this.value)"/>
<span id="pwd_error" style="color: red;"></span><br/>
<!--这是一个提交按钮-->
<input type="submit" value="登录"/>
</form>
</body>
</html>
网友评论