一个注册页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><script language="javascript" type="text/javascript">
function do_selected()
{
var yourchoise="";
for(var i=0;i<form1.subject.length;i++)
{
if(form1.subject.options[i].selected)
{
yourchoise +=form1.subject[i].value+";";
}
}
return yourchoise;
}
function do_checked()
{
var yourchoise="";
for(var i=0;i<form1.address.length;i++)
{
if(form1.address[i].checked)
{
yourchoise+=form1.address[i].value+";";
}
}
return yourchoise;
}
function win_open()
{
msg=window.open("","DisplayWindow","toolbar=no,directories=no,resizable=yes,menubar=no");
msg.document.write("姓名:");
msg.document.write(form1.name.value+"<br>");
msg.document.write("性别:");
msg.document.write(form1.sex.value+"<br>");
msg.document.write("Email邮件:");
msg.document.write(form1.email.value+"<br>");
msg.document.write("电话:");
msg.document.write(form1.tel.value+"<br>");
msg.document.write("所在班级:");
msg.document.write(form1.inclass.value+"<br>");
msg.document.write("QQ号码:");
msg.document.write(form1.qq.value+"<br>");
msg.document.write("入学年份:");
msg.document.write(form1.year.value+"<br>");
msg.document.write("选修科目:");
msg.document.write(do_selected());
msg.document.write("<br>");
msg.document.write("个人简介:");
msg.document.write(form1.instruction.value+"<br>");
msg.document.write("上网地点:");
msg.document.write(do_checked());
msg.document.write("<br>");
}
function mycheck()
{
if(document.form1.name.value=="")
{
alert("请输入姓名");
document.form1.name.focus();
return false;
}
if(document.form1.sex.value=="未指定")
{
alert("请指明性别");
document.form1.sex.focus();
return false;
}
if(document.form1.email.value.indexOf("@")==-1||document.form1.email.value.indexOf(".")==-1)
{
alert("邮箱格式不正确,请重新输入!");
document.form1.email.focus();
return false;
}
if(document.form1.tel.value.length != 8)
{
alert("电话号码必须是八位数,您目前输入的电话号码为"+document.form1.tel.value.length+"位");
document.form1.tel.focus();
return false;
}
if(parseInt(document.form1.tel.value).toString() != document.form1.tel.value)
{
alert("电话号码必须是八位数字,您目前输入的号码含有非数字字符,请输入正确的号码");
document.form1.tel.focus();
return false;
}
if(do_selected()=="")
{
alert("请至少选择一门课");
document.form1.subject.focus();
return false;
}
win_open();
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="" οnsubmit="return mycheck()">
<table width="570" border="0" align="center">
<tr>
<td colspan="2"><hr width="95%" size="1" color="#FF0000"></td>
</tr>
<tr>
<td width="217"><div align="right">姓名:<span class="STYLE1">*</span></div></td>
<td width="343"><input type="text" name="name" id="name" value="" style=width:165pt; maxlength="50"/></td>
</tr>
<tr>
<td><div align="right">性别:<span class="STYLE1">*</span></div></td>
<td><select name="sex" id="sex" value="" style=width:165pt; maxlength="50">
<option value="未指定">未指定</option>
<option value="男">男</option>
<option value="女">女</option>
</select> </td>
</tr>
<tr>
<td><div align="right">Email邮件:<span class="STYLE1">*</span></div></td>
<td><input type="text" name="email" id="email" value="" style=width:165pt; maxlength="50"/></td>
</tr>
<tr>
<td><div align="right">电话:<span class="STYLE1">*</span></div></td>
<td><input type="text" name="tel" id="tel" value="" style=width:165pt; maxlength="50"/></td>
</tr>
<tr>
<td><div align="right">所在班级:</div></td>
<td><input type="text" name="inclass" id="inclass" value="" style=width:165pt; maxlength="50"/></td>
</tr>
<tr>
<td><div align="right">QQ号码:</div></td>
<td><input type="text" name="qq" id="qq" value="" style=width:165pt; maxlength="50"/></td>
</tr>
<tr>
<td><div align="right">入学年份:</div></td>
<td><select name="year" id="year" value="" style=width:165pt; maxlength="50">
<option value="2004">2004</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
</select> </td>
</tr>
<tr>
<td colspan="2"><hr width="95%" size="1" color="#FF0000"></td>
</tr>
<tr>
<td><p align="right">选修科目:<span class="STYLE1">*</span></p>
<p align="right">(可多选)</p></td>
<td><select name="subject" size="4" multiple="multiple" id="subject" value="" style=width:165pt; maxlength="50">
<option value="1">Java程序设计</option>
<option value="2">数据结构</option>
<option value="3">操作系统</option>
<option value="4">微机原理</option>
<option value="5">计算机组成原理</option>
<option value="6">计算机网络</option>
</select></td>
</tr>
<tr>
<td><p align="right">个人简介:</p>
<p align="right">(不多于500字)</p></td>
<td><textarea name="instruction" rows="5" id="instruction" value="" style=width:165pt; maxlength="50"></textarea></td>
</tr>
<tr>
<td><div align="right">上网地点:</div></td>
<td><input type="checkbox" name="address" id="address" value="宿舍">
宿舍
<input type="checkbox" name="address" id="address" value="网吧">
网吧
<input type="checkbox" name="address" id="address" value="机房">
机房</td>
</tr>
<tr>
<td colspan="2"><hr width="95%" size="1" color="#FF0000"></td>
</tr>
<tr>
<td><div align="right">
<input type="submit" name="Submit" value="提交"/>
</div></td>
<td><input type="reset" name="button2" id="button2" value="重置" /></td>
</tr>
</table>
</form>
</body>
</html>