请大家帮我解决一下网页中的JavaScript脚本的错误
2007-11-20 20:05
302 查看
本人初学网页编程,在学习过程中遇到了一些问题,希望大家帮帮忙,谢谢了!!!
这是个注册网页,在表单提交之前会调用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>
<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="爸爸"/>
妈妈
<input type="checkbox" name="family" value="妈妈"/>
兄弟姐妹
<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="体育"/>
看书
<input type="checkbox" name="like" value="看书"/>
音乐
<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()"/>
<input type="reset" name="Submit" value="重置" class="btn"/>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
这是个注册网页,在表单提交之前会调用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>
<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="爸爸"/>
妈妈
<input type="checkbox" name="family" value="妈妈"/>
兄弟姐妹
<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="体育"/>
看书
<input type="checkbox" name="like" value="看书"/>
音乐
<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()"/>
<input type="reset" name="Submit" value="重置" class="btn"/>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【已解决】在 Visual Studio 中设置 JavaScript/TypeScript 的断点 脚本出现自动中断错误
- 打开网页出现运行脚本错误的解决技巧
- 解决Mozilla Firefox浏览网页时JS、JavaScript脚本失效问题
- 解决JavaScript脚本出＂Antomation服务器不能创建对象＂的错误
- 网页脚本发生错误 'jQuery'未定义解决办法
- 网页计算器（javascript脚本）
- 关于javascript， 在 new ActiveXObject（"MSXML"）时错误 解决办法
- 利用Javascript解决HTML大数据列表引起的网页加载慢/卡死问题。
- Asp.net Ajax 中的脚本错误: 'Sys'未定义 的解决方法
- 通过JavaScript脚本复制网页上的一个表格
- Javascript脚本实现静态网页加密实例代码
- struts2错误信息的几种显示 今天总结一下 分享给大家
- 解决IE7 ,IE8 为了有利于保护安全性，IE已限制此网页运行可以访问计算机的脚本或 ActiveX 控件。
- 网页提示“证书错误：导航已阻止”，无法跳转解决办法
- html网页中使用javascript脚本调用xml文档实例
- 请大家帮我解决一个简单的win-tc中的错误
- 打开、保存对话框execute时，莫名其妙的报内存读取错误，哪位大侠给解决一下，万分感谢
- javascript中几个有意思的功能（目前5项） 1右键无效 2禁止网页复制 3禁止F5刷新 4新发现 5屏蔽js错误
- 在IDE环境中，JavaScript Validator错误 ，解决办法！
- 网页JavaScript时间出现 117年 请调整您的计算机日期! -------最好的解决办法