<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>淘宝网注册页--reg.taobao.com</title>
<script language="javascript">
function myfun1()//年份获得焦点时调用函数
{
if(document.myform.year.value=="yyyy")
document.myform.year.value=="";
}
function myfun2()//年份失去焦点时调用函数
{
var a=document.myform.year.value;
if(a.substr(0,4)<1950||isNaN(a))
{
alert("年份格式错误!");
document.myform.year.focus();
}
}
function myfun3()//日期获得焦点时调用函数
{
if(document.myform.day.value=="dd")
document.myform.day.value=="";
}
function myfun4()//日期失去焦点时调用函数
{
var a=document.myform.day.value;
if(a.substr(0,2)>31||isNaN(a)||a.substr(0,2)<=0)
{
alert("日期格式错误!");
document.myform.day.focus();
}
}
function check()
{
var name1=document.myform.name.value;//姓名
var name2=document.myform.name1.value;//姓氏
var name3=document.myform.logname.value;//登陆名
var pass1=document.myform.passwd1.value;//密码
var pass2=document.myform.passwd2.value;//确认密码
var e=document.myform.email.value;//电子邮件
if(name1.length==0)
alert("请填写您的姓名!");
if(name2.length==0)
alert("请填写您的姓氏!");
if(name3.length==0||name3.length<6)
alert("未填写登陆名或登陆名小于6位!");
if(document.myform.mf[0].checked==false&&document.myform.mf[1].checked==false)
{
alert("请选择您的性别!");
document.myform.mf[0].focus();
return false;
}
if(e.length==0)
{
alert("电子邮件不能为空!");
document.myform.email.focus();
return false;
}
if(e.length<7)
{
alert("请填写正确有效的电子邮件地址!\n如xxx@xxx.xxx!");
document.myform.email.focus();
return false;
}
if(e.indexOf("@",0)==-1||e.indexOf(".",0)==-1)
{
alert("请填写正确有效的电子邮件地址!\n如xxx@xxx.xxx");
document.myform.email.focus();
return false;
}
if(document.myform.yn[1].checked==true)
{
alert("必须同意淘宝网协议,才能注册会员!");
return false;
}
if(pass1==pass2)
{
if(pass1.length<6)
{
alert("您还没有设置密码,或者您的密码少于6位!");
return false;
}
}
else
{
alert(" 2 次输入的密码不同!");
return false;
}
}
</script>
</head>
<body>
<form name="myform" method="post" action="sucess.htm" onSubmit="return check()">
<table width="512" border="1" align="center" cellpadding="0" cellspacing="0" id="1">
<tr>
<td><table width="512" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img src="image/logo.gif" width="250" height="40"></td>
<td><img src="image/reg.gif" width="250" height="50"></td>
</tr>
</table></td>
</tr>
<tr>
<td>名字:
<input name="name" type="text" id="name"></td>
</tr>
<tr>
<td>姓氏:
<input name="name1" type="text" id="name1" maxlength=1></td>
</tr>
<tr>
<td>登陆名:
<input name="logname" type="text" id="username" size="12">
(可包含 a-z、0-9和下划线,至少6位)</td>
</tr>
<tr>
<td>密码:
<input name="passwd1" type="password" id="passwd1" size="22">
(至少包含 6 个字符)</td>
</tr>
<tr>
<td>再次输入密码:
<input name="passwd2" type="password" id="passwd2" size="22"></td>
</tr>
<tr>
<td>出生日期:
<input name="year" onFocus="myfun1()" onBlur="myfun2()" type="text" id="year" value="yyyy" size="6" maxlength="4">
& 年
<select name="month" id="month">
<option selected>[选择月份]</option>
<option value="1">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>
</select>
月& <input name="day" onFocus="myfun3()" onBlur="myfun4()" type="text" value="dd" size="3" maxlength="2">
日 </td>
</tr>
<tr>
<td>性别:
<input type="radio" name="mf" value="m">
男
<input type="radio" name="mf" value="f">
女</td>
</tr>
<tr>
<td>电子邮件地址:
<input type="text" name="email"></td>
</tr>
<tr>
<td>您是否同意如下淘宝网服务协议:
<input type="radio" name="yn" value="yes">
是
<input type="radio" name="yn" value="no" checked>
否</td>
</tr>
<tr>
<td><textarea name="xy" cols="70" rows="3" id="xy">欢迎阅读服务条款,本协议阐述之条款和条件适用于您使用Taobao.com网站的各种工具和服务。
本服务协议双方为淘宝与淘宝网用户,本协议具有合同效力。
请用户认真阅读以下协议内容:</textarea></td>
</tr>
<tr>
<td><table width="512" border="1" cellpadding="0" cellspacing="0" id="3">
<tr>
<td width="17"> </td>
<td width="27"> </td>
<td width="199" align="center"> <input name="reset" type="reset" id="reset" value=" 重 填 "> </td>
<td width="253" align="center"><input name="Submit" type="submit" id="Submit" value=" 提交表单 "></td>
</tr>
</table></td>
</tr>
</table>
</form>
<table align=center>
<tr>
<td bgcolor=redblue width=515 height=5><marquee scrolldelay=100 onMouseOver=this.stop() onMouseOut=this.start()><b><font color=white size=2>吴老,我获得焦点时清空文本没做出来,不知道是怎么的,我运行书上的例子时也没弄出那效果。 --黄科</font></b></marquee></td>
</tr>
</table>
</body>
</html>
北大青鸟HTML第十章
需积分: 14 25 浏览量
2008-04-29
08:50:01
上传
评论
收藏 16KB RAR 举报
yanzilingheigh
- 粉丝: 1
- 资源: 14