<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度注册页面</title>
<style type="text/css">
*{padding:0; margin:0;}
body{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size:12px;
line-height:30px;
}
.center{
float:none;
width: 503px;
clear:both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.inputs {
border: 1px solid #333;
width:120px;
float:left;
}
.left{width:120px;
text-align:right;
padding-right:5px;
}
.red{
color:#ff0000;
padding-left:10px;
font-size:12px;
}
</style>
<script>
function $(id)
{
return document.getElementById(id)
}
function users()
{
var name=document.getElementById("user").value
var pass=document.getElementById("pwd").value
var pass1=document.getElementById("repwd").value
if(name=="")
{
alert("用户名不能为空")
return false
}
for(var i=0;i<name.length;i++)
{
var s=name.substring(i,i+1)

if(isNaN(s)==false)
{
alert("用户名不能有数字")
return false
}
}
if(pass!=pass1||pass1!=pass)
{
alert("密码必须一致")
return false 
}
if(pass.length<6)
{
alert("密码长度必须大于6")
return false 
}
function huoqu()
{
var name=$("user").value
if(name=="")
{
name=""; }


name.borderColor="#FF9900"

}
function quchu()
{
var name=document.getElementById("user").value
var nameid=document.getElementById("userId")
if(name=="")s
{
nameid.innerHTML="用户名不能为空"
}
}
}
</script></head><body >
<div class="center"><img src="images/header1.jpg" /></div>
<div class="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <form action="success.html" method="post" name="myform" onsubmit="return users()">
  <tr>
    <td class="left">用户名:</td>
    <td><input id="user" type="text"  class="inputs" onblur="quchu()"/><div id="userId" class="red"></div></td>
  </tr>
   <tr>
    <td class="left">密码:</td>
    <td><input id="pwd" type="password"  class="inputs"/><div id="pwdId" class="red"></div></td>
  <tr>
    <td class="left">确认密码:</td>
    <td><input id="repwd" type="password"  class="inputs"/><div id="repwdId" class="red"></div></td>
  </tr>
  <tr>
   <tr>
    <td class="xleft">性别:</td>
    <td><div style="float:left;"><input name="sex" type="radio" value="男" checked="checked"/>男 <input name="sex" type="radio" value="女" />女</div>
    <div id="sexId" class="red"></div></td>
  </tr>
   <tr>
    <td class="left">电子邮件地址</td>
    <td><input id="email" type="text"  class="inputs"/><div id="emailId" class="red"></div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input name="sub" type="submit" value="注册" /> <input name="cancel" type="reset" value="清除" /></td>
  </tr>
  </form>
</table></div>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>百度注册页面</title>
    <style type="text/css">
    *{padding:0; margin:0;}
    body{
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    font-size:12px;
    line-height:30px;
    }
    .center{
    float:none;
    width: 503px;
    clear:both;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }
    .inputs {
    border: 1px solid #333;
    width:120px;
    float:left;
    }
    .left{width:120px;
    text-align:right;
    padding-right:5px;
    }
    .red{
    color:#ff0000;
    padding-left:10px;
    font-size:12px;
    }
    </style>
    <script>
    function $(id)
    {
    return document.getElementById(id)
    }
    function users()
    {
    var name=document.getElementById("user").value
    var pass=document.getElementById("pwd").value
    var pass1=document.getElementById("repwd").value
    if(name=="")
    {
    alert("用户名不能为空")
    return false
    }
    for(var i=0;i<name.length;i++)
    {
    var s=name.substring(i,i+1)if(isNaN(s)==false)
    {
    alert("用户名不能有数字")
    return false
    }
    }
    if(pass!=pass1||pass1!=pass)
    {
    alert("密码必须一致")
    return false  
    }
    if(pass.length<6)
    {
    alert("密码长度必须大于6")
    return false  
    }
    function huoqu()
    {
    var name=$("user").value
    if(name=="")
    {
    name="";}
    name.borderColor="#FF9900"}

    }
    function quchu()
    {
    var name=document.getElementById("user").value
    var nameid=document.getElementById("userId")

    if(name=="")
    {
    nameid.innerHTML="用户名不能为空"
    }
    }
    </script></head><body >
    <div class="center"><img src="images/header1.jpg" /></div>
    <div class="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <form action="success.html" method="post" name="myform" onsubmit="return users()">
      <tr>
      <td class="left">用户名:</td>
      <td><input id="user" type="text" class="inputs" onblur="quchu()"/><div id="userId" class="red"></div></td>
      </tr>
      <tr>
      <td class="left">密码:</td>
      <td><input id="pwd" type="password" class="inputs"/><div id="pwdId" class="red"></div></td>
      <tr>
      <td class="left">确认密码:</td>
      <td><input id="repwd" type="password" class="inputs"/><div id="repwdId" class="red"></div></td>
      </tr>
      <tr>
      <tr>
      <td class="xleft">性别:</td>
      <td><div style="float:left;"><input name="sex" type="radio" value="男" checked="checked"/>男 <input name="sex" type="radio" value="女" />女</div>
      <div id="sexId" class="red"></div></td>
      </tr>
      <tr>
      <td class="left">电子邮件地址</td>
      <td><input id="email" type="text" class="inputs"/><div id="emailId" class="red"></div></td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td><input name="sub" type="submit" value="注册" /> <input name="cancel" type="reset" value="清除" /></td>
      </tr>
      </form>
    </table></div>
    </body>
    </html>
      

  2.   

    嵌套错了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>百度注册页面</title>
    <style type="text/css">
    *{padding:0; margin:0;}
    body{
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    font-size:12px;
    line-height:30px;
    }
    .center{
    float:none;
    width: 503px;
    clear:both;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    }
    .inputs {
    border: 1px solid #333;
    width:120px;
    float:left;
    }
    .left{width:120px;
    text-align:right;
    padding-right:5px;
    }
    .red{
    color:#ff0000;
    padding-left:10px;
    font-size:12px;
    }
    </style>
    <script>
        function $(id) {
            return document.getElementById(id)
        }
        function users() {
            var name = document.getElementById("user").value
            var pass = document.getElementById("pwd").value
            var pass1 = document.getElementById("repwd").value
            if (name == "") {
                alert("用户名不能为空")
                return false
            }
            for (var i = 0; i < name.length; i++) {
                var s = name.substring(i, i + 1)            if (isNaN(s) == false) {
                    alert("用户名不能有数字")
                    return false
                }
            }
            if (pass != pass1 || pass1 != pass) {
                alert("密码必须一致")
                return false
            }
            if (pass.length < 6) {
                alert("密码长度必须大于6")
                return false
            }    }
        function huoqu() {
            var name = $("user").value
            if (name == "") {
                name = "";        }
            name.borderColor = "#FF9900"    }
        function quchu() {
            var name = document.getElementById("user").value;
            var nameid = document.getElementById("userId");
            if (name == "") 
            {
                nameid.innerHTML = "用户名不能为空"
            }
        }
    </script></head><body >
    <div class="center"><img src="images/header1.jpg" /></div>
    <div class="center">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <form action="success.html" method="post" name="myform" onsubmit="return users()">
      <tr>
      <td class="left">用户名:</td>
      <td><input id="user" type="text" class="inputs" onblur="quchu()"/><div id="userId" class="red"></div></td>
      </tr>
      <tr>
      <td class="left">密码:</td>
      <td><input id="pwd" type="password" class="inputs"/><div id="pwdId" class="red"></div></td>
      <tr>
      <td class="left">确认密码:</td>
      <td><input id="repwd" type="password" class="inputs"/><div id="repwdId" class="red"></div></td>
      </tr>
      <tr>
      <tr>
      <td class="xleft">性别:</td>
      <td><div style="float:left;"><input name="sex" type="radio" value="男" checked="checked"/>男 <input name="sex" type="radio" value="女" />女</div>
      <div id="sexId" class="red"></div></td>
      </tr>
      <tr>
      <td class="left">电子邮件地址</td>
      <td><input id="email" type="text" class="inputs"/><div id="emailId" class="red"></div></td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td><input name="sub" type="submit" value="注册" /> <input name="cancel" type="reset" value="清除" /></td>
      </tr>
      </form>
    </table></div>
    </body>
    </html>