菜鸟级别的JS问题，大家帮帮我吧！

<!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=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function checkLogin(){
    alert();
    var myDiv = document.getElementById("loginError");
myDiv.innerHTML = "";
    var name = document.myForm.userName.value;
if(name.length == 0){
                     myDiv.innerHTML = "<font color="red">用户名不能为空！</font>";
                    }
  }
function textClear(){
   if(document.myForm.email.value=="请填写证实的邮箱地址！"){document.myform.email.value="";}
  }
function aa(){
alert();
}  
</script>
</head><body>
<form name="myForm" action="Page164.html"  method="post">
<table width="90%" border="1" align="center">
  <tr>
    <td width="20%"><div align="right">登录名</div></td>
    <td>
    <input type="text" name="userName" id="userName" size="30" onblur="checkLogin()" />
    <div id="loginError" style="display:inline"></div>
    </td>
    <td width="30%">(可包含A-Z,0-9,下划线)</td>
  </tr>
  <tr>
    <td><div align="right">密码</div></td>
    <td>
    <input type="password" name="pwd" id="pwd" size="30"/>
    <div id="pwdError" style="display:inline"></div>    </td>
    <td>(至少包含六个字符)</td>
  </tr>
  <tr>
    <td><div align="right">再次输入密码</div></td>
    <td>
    <input type="password" name="rePwd" id="rePwd" size="30" />
    <div id="rePwdError" style="display:inline"></div>    </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right">电子邮箱</div></td>
    <td>
    <input type="text" name="email" id="email" size="30" value="请填写证实的邮箱地址！"  style="color:#cccccc" onfocus="textClear()"/>
    <div id="emailError" style="display:inline"></div>    </td>
    <td>(必须填写@字符)</td>
  </tr>
  <tr>
    <td><div align="right">性别</div></td>
    <td><input name="sex" type="radio" value="男" checked  id="sex"/>男&nbsp;&nbsp;
    <input type="radio" name="sex" value="女"  id="sex"/>女</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right">爱好</div></td>
    <td><label>
      <input type="checkbox" name="sport" id="sport" />
      运动
      <input type="checkbox" name="chat" id="chat" />
      聊天
      <input type="checkbox" name="game" id="game" />
      玩游戏</label></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right">出生日期</div></td>
    <td><input type="text" size="4" value="YYYY" name="year" id="year" height="18" style="color:#cccccc" />年
    <select name="month" id="month">
    <option value="一月">一月</option>
    </select>
    <input type="text" name="date" id="date" value="DD" size="2" height="18" style="color:#cccccc"  />
    日    </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right"><input type="button" value="重填" name="clear" id="clear"/></div></td>
    <td><input type="submit" id="ok" name="ok" value="同意以下条款，提交注册信息" style="width:300px"/></td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</body>
</html>
上面是复制上来的代码，IE运行的时候说缺少对象是哪儿错了啊。我和书上对照过了，一摸一样的啊

解决方案 »

  1.   

     myDiv.innerHTML = " <font color="red">用户名不能为空！ </font>"; 
    这里改为 myDiv.innerHTML = " <font color=\"red\">用户名不能为空！ </font>"; 　要转义
      

  2.   

    or:
    myDiv.innerHTML = " <font color="red">用户名不能为空！ </font>"; 
    ===>
    myDiv.innerHTML = " <font color='red'>用户名不能为空！ </font>";
      

  3.   


    myDiv.innerHTML = " <font color="red">用户名不能为空！ </font>";
    ===>
    myDiv.innerHTML = " <font color='red'>用户名不能为空！ </font>";
    myDiv.innerHTML = " <font color=red>用户名不能为空！ </font>";
    myDiv.innerHTML = " <font color=\"red\">用户名不能为空！ </font>";