<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#d1{
width: 400px;
height: 250px;
background-color: #FFE4B5;
margin: 40px auto;
}
#d1_head{
color: white;
font-size: 20px;
font-family: arial;
height: 24px;
background-color: blue;
}
#d1_content{
padding-left: 30px;
padding-top: 30px;
}
.s1{
color:red;
font-style: italic;
}
</style>
<script>
//验证用户救命函数
function check_username(){
//查询到用户名输入框对象
var txtObj=document.getElementById("username");
//查询到针对与用户名的提示信息
var msgObj=document.getElementById('username_msg');
//判断用户名是否是zs 如果是提示用户 用户名不能是zs 如果不是 不需要提示
msgObj.innerHTML='';
if(txtObj.value=='zs'){
msgObj.innerHTML='用户名不能是zs';
}
}
//验证密码函数
function check_pwd(){
//查询到用户名输入框对象
var txtObj=document.getElementById("pwd");
//查询到针对与用户名的提示信息
var msgObj=document.getElementById('pwd_msg');
//判断用户名是否是zs 如果是提示用户 用户名不能是zs 如果不是 不需要提示
msgObj.innerHTML='';
if(txtObj.value=='1234'){
msgObj.innerHTML='密码不能写1234';
}
}
</script>
</head>
<body>
<div id="d1">
<div id="d1_head">注册</div>
<div id="d1_content">
<form>
<table>
<tr>
<td>用户名</td>
<td>
<input id="username" onblur="check_username();" />
<span class="s1" id="username_msg"></span>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input id="pwd" onblur="check_pwd();" type="password" />
<span class="s1" id="pwd_msg"></span>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="确认" />
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>