<!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>

解决方案 »

  1.   

    你把huoqu和quchu 这两个函数写在users函数里面了
      

  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"}}/*把这个方法写在最外面,你之前写的嵌套在别的方法里了,所以js找不到******************************************/
    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>
      

  3.   

    推荐你用EditPlus吧,轻量级function(){//2
    //some code
    }//1像这样的代码在1处按Ctrl+} 会显示//2的位置,其他的IDE也许也有这个功能的,有的是Ctrl+{,有的是2的位置双击鼠标