请大家帮我解决一下网页中的JavaScript脚本的错误

来源:互联网 发布:linux 复制到tmp 编辑:程序博客网 时间:2024/04/30 06:57

本人初学网页编程,在学习过程中遇到了一些问题,希望大家帮帮忙,谢谢了!!!

这是个注册网页,在表单提交之前会调用JavaScript中的check()方法,其功能是如果主要资料未输入则不能提交

<!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>
<style type="text/css">
  <!--
    .fnt {
    font-family: "华文彩云";
    font-size: 36px;
    font-weight: normal;
    color: #993300;
    text-decoration: blink;
    background-position: center center;
    vertical-align: baseline;
    word-spacing: 2em;
    white-space: pre;
    border-top-color: #ECE9D8;
    border-right-color: #ECE9D8;
    border-bottom-color: #ECE9D8;
    border-left-color: #ECE9D8;
    }
    .tt {
    font-family: "新宋体";
    font-size: 18px;
    font-weight: bold;
    color: #CC6600;
    text-decoration: none;
    }
    .mon {
    font-family: "新宋体";
    font-size: 18px;
    text-decoration: none;
    height: 30px;
    font-weight: bold;
    background-position: center center;
    vertical-align: middle;
    }
    .pic {
    height: 400px;
    width: 200px;
    }
    .mon1 {
    font-family: "新宋体";
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    white-space: pre;
    height: 50px;
    }
    .btn {
    font-family: "新宋体";
    font-size: 18px;
    font-weight: bold;
    background-color: #3399CC;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    height: 50px;
    width: 80px;
    }
    .str {
    border: thick dotted #0000CC;
    }
    .STYLE1 {
    font-size: 24px;
    font-weight: bold;
    font-family: "隶书";
    color: #FF00FF;
    }
    .fnt1 {
    font-family: "宋体";
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    height: 30px;
    width: 60px;
    background-position: center center;
    }
    .STYLE2 {
    font-size: 18px;
    font-weight: bold;
    }
    body {
    background-image: url();
    background-color: #FFFFFF;
    }
#Layer1 {
 position:absolute;
 width:200px;
 height:132px;
 z-index:1;
 left: 489px;
 top: 99px;
}
  -->
</style>
<script language="JavaScript" type="text/javascript">
  function check()
  {
     var nickname = document.getElementsByName("txtNickName");
  var pwd = document.getElementsByName("txtPwd");
  var repwd = document.getElementsByName("txtRePwd");
  var age = document.getElementsByName("txtAge");
  var email = document.getElementsByName("txtEmail");
  if (nickname.equals("")||nickname==null||pwd.equals("")||pwd==null||repwd.equals("")||repwd==null||age.equals("")||email.equals("")||email==null)
  {
   document.Layer1.label.value="<h4>昵称、密码、年龄、电子邮件不能为空</h4>";
   return false;
  }
  else
  {
     document.Layer1.label.value="";
  if(!(pwd.equals(repwd)))
  {
     alert("确认密码必须和输入的密码一致!!");
     return false;
  }
  else
  {
     return true;
  }
  }
  }
</script>

</head>
<body>
<div id="Layer1">
  <label></label>
</div>
<h1 align="center" class="fnt">欢迎注册</h1>
<form action="registerResult.jsp" method="post" name="form1" onsubmit="return check()">
<fieldset>
  <legend class="STYLE1">必填部分:  </legend>
  <table width="426" border="0">
    <tr>
      <td width="99" class="mon">昵 称:</td>
      <td width="317">
        <input name="txtNickName" type="text" class="mon" size="20" maxlength="10"/>
      </td>
    </tr>
    <tr>
      <td align="left" valign="middle" class="mon">密 码:</td>
      <td>
        <input name="txtPwd" type="password" class="mon" size="20" maxlength="6"/>
      </td>
    </tr>
    <tr>
      <td align="left" valign="middle" class="mon">确认密码:</td>
      <td>
        <input name="txtRePwd" type="password" class="mon"  size="20" maxlength="6"/>
      </td>
    </tr>
    <tr>
      <td class="mon">真实姓名:</td>
      <td>
        <input name="txtRealName" type="text" class="mon" size="20" maxlength="10"/>
      </td>
    </tr>
    <tr>
      <td class="mon">年 龄:</td>
      <td>
        <input name="txtAge" type="text" class="mon" size="20" maxlength="10"/>
      </td>
    </tr>
    <tr>
      <td class="mon">电子邮件:</td>
      <td>
        <input name="txtEmail" type="text" class="mon" size="20" maxlength="10"/>
      </td>
    </tr>
    <tr>
      <td class="mon">性 别:</td>
      <td class="mon">
        <label>          男
          <input name="sex" type="radio" value="gentlemen" checked="checked"/>
          女
          <input name="sex" type="radio" value="lady"/>
        </label>
      </td>
    </tr>
    <tr>
      <td class="mon">出生日期:</td>
      <td>
        <label class="fnt1">
          <input name="txtYear" type="text" class="fnt1"/>
          年
        </label>
        <label class="fnt1">
          <select name="selectMonth" class="fnt1">
            <option value="1">一</option>
            <option value="2">二</option>
            <option value="3">三</option>
            <option value="4">四</option>
            <option value="5">五</option>
            <option value="6">六</option>
            <option value="7">七</option>
            <option value="8">八</option>
            <option value="9">九</option>
            <option value="10">十</option>
            <option value="11">十一</option>
            <option value="12">十二</option>
          </select>
          月
        </label>
        <label class="fnt1">
          <select name="selectDate" class="fnt1">
            <option value="1" selected="selected">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
          </select>
          日
        </label>
      </td>
    </tr>
    <tr>
      <td class="mon1">家庭地址:</td>
      <td>
        <textarea name="txtAddr" cols="30" class="mon1" tabindex="4" rows="">        </textarea>
      </td>

  </table>
</fieldset>
<hr class="str">
<fieldset>
  <legend class="STYLE1">可填部分:  </legend>
  <table width="487" border="0">
    <tr>
      <td colspan="2" class="tt">联系方式:</td>
    </tr>
    <tr>
      <td width="106" class="mon">固定电话:</td>
      <td width="371">
        <input name="txtTele" type="text" class="mon" size="20"/>
      </td>
    </tr>
    <tr>
      <td class="mon">手 机:</td>
      <td>
        <input name="txtMobile" type="text" class="mon" size="20"/>
      </td>
    </tr>
    <tr>
      <td height="39" class="mon">聊天工具:</td>
      <td>
        <select name="selectChat" class="mon">
          <option>QQ</option>
          <option>MSN</option>
        </select>
        &nbsp;
        <input name="txtNum" type="text" class="mon" size="20"/>
      </td>
    </tr>
    <tr>
      <td colspan="2" class="tt">个人资料:</td>
    </tr>
    <tr>
      <td height="39" class="mon">家庭成员:</td>
      <td class="mon">
        <label>          爸爸
          <input type="checkbox" name="family" value="爸爸"/>
          &nbsp;
          妈妈
          <input type="checkbox" name="family" value="妈妈"/>
          &nbsp;
          兄弟姐妹
          <input type="checkbox" name="family" value="兄弟姐妹"/>
        </label>
      </td>
    </tr>
    <tr>
      <td height="39" class="mon">爱 好:</td>
      <td class="mon">
        <label>          体育
          <input type="checkbox" name="like" value="体育"/>
          &nbsp;
          看书
          <input type="checkbox" name="like" value="看书"/>
          &nbsp;
          音乐
          <input type="checkbox" name="like" value="音乐"/>
        </label>
      </td>
    </tr>
    <tr>
      <td height="39" class="mon">学 历:</td>
      <td class="mon">
        <label>
          <select name="selectEducate" class="mon">
            <option value="博士">博士</option>
            <option value="硕士">硕士</option>
            <option value="本科">本科</option>
            <option value="大专">大专</option>
            <option value="中专">中专</option>
            <option value="高中">高中</option>
            <option value="初中">初中</option>
          </select>
        </label>
      </td>
    </tr>
    <tr>
      <td height="39" class="mon">职 业:</td>
      <td class="mon">
        <label>
          <input type="text" name="txtProfession" class="mon"/>
        </label>
      </td>
    </tr>
    <tr>
      <td height="39" class="mon1">个性签名:</td>
      <td class="mon">
        <label>
          <textarea name="txtIdio" cols="30" rows="5" class="mon1">          </textarea>
        </label>
      </td>
    </tr>
    <tr>
      <td height="39" class="mon1">个人图象:</td>
      <td>
        <label>        </label>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <div align="center">
          <input type="submit" name="Submit" value="提交" class="btn" onclick="return check()"/>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="reset" name="Submit" value="重置" class="btn"/>
        </div>
      </td>
    </tr>
  </table>

</form>
</body>
</html>

原创粉丝点击