`
幽佐0911
  • 浏览: 12011 次
  • 性别: Icon_minigender_1
  • 来自: 长春
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

网页注册

阅读更多
<html>
	<head>
		<title>注册表</title>
	    <link href="firstcss.css" rel="stylesheet" type="text/css">
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">
<!--
body {
	background-image: url(2008090104344375.gif);
	background-attachment:fixed;
}
-->
</style></head>
	<script>
		function initY()
		{
			var objY=document.getElementById("y");
			for(var i=1976;i<=2010;i++)
			{	
				var op=new Option(i,i);
					objY.add(op);
			}
		}
		function initM()
		{
			var objY=document.getElementById("m");
			for(var i=1;i<=12;i++)
			{	
				var op=new Option(i,i);
					objY.add(op);
			}
		}
		function initD()
		{
			var objD=document.getElementById("day");
			var yValue=document.getElementById("y").value;
			var mValue=document.getElementById("m").value;
			for(var i=objD.length-1;i>0;i--)
			{
				objD.remove(i);
			}
			if(yValue>0&&mValue>0)
			{
				var day=31;
				if(mValue==4||mValue==6||mValue==9||mValue==11)
				{
					day=30;
				}
				else if(mValue==2)
				{
					day=28;
					if(yValue%4==0&&yValue%100!=0||yValue%400==0)
						day++;
				}
			}
			for(var i=1;i<=day;i++)
			{
				var op=new Option(i,i);
				objD.add(op);
			}
		}
		function getVisible()
		{
		  var obj=document.getElementById("tb");
		  if(document.frm1.gjxx.checked==true)
		  {
		  	if(obj.className!="")
		  	{
		  	obj.className="";
		  	}else
		  	{
		  	obj.className="leir3";
		  	}
		  }else
		  {
		     obj.className="leir3"
		  }
		}
		
		var flag=true;
		function allSelect()
		{
			var objs=document.frm1.chkb;
			if(flag==true){
			for(var i=0;i<objs.length;i++)
			    objs[i].checked=true;
					flag=!flag;
				}
				else
				{
					for(var i=0;i<objs.length;i++)			  			
			    		objs[i].checked=false;
							flag=!flag;
				}
				
		}
		
		function allSelect1()
		{
			var objs=document.frm1.chkb;
			var dall=document.frm1.chka;
				for(var i=0;i<objs.length;i++)
					objs[i].checked=dall.checked;
		}
		
		function checkNull()
		{
			var t1=document.frm1.name.value;
			var t2=document.frm1.psw.value;
			var t3=document.frm1.qpsw.value;
			var t4=document.frm1.qq.value;
			var t5=document.frm1.word.value;
			var t6=document.frm1.keyq.value;
			var t7=document.frm1.answer.value;
			var obj=document.getElementById("email");
		
			if((t1=="")||(t2=="")||(t3=="")||(t4=="")||(t5=="")||t6==""||t7=="")
			{
				alert("你有未填写的必须项");
			 	return false;
			}/*else
			{	return true;	}*/
			if(obj.value.length!=0)
			{
				if(obj.value.charAt(0)=="."||obj.value.charAt(0)=="@"||obj.value.indexOf('@',0)==-1||obj.value.indexOf('.',0)==-1||obj.value.lastIndexOf("@")==obj.value.length-1||obj.value.lastIndexOf(".")==obj.value.length-1)
				{
					alert("邮箱地址格式不正确!");
					obj.focus();
					return false;
				}
			}
			else
			{
				alert("邮箱格式不能为空!");
				obj.focus();
				return false;
			}
			
		}
	</script>
	<body class="leir2" onLoad="initM(),initY()">
	  <bgsound src="音乐素材集锦 - 街舞.mp3" loop="10">
	  <img src="2008090104344375.gif" align="top" class="leir4">
		<form name="frm1" action="*.jsp">
		<table border="0" width=380 heigh=40 bordercolor="red" align="center" cellspacing="0">
		<caption align=center><font color=red><h1>注册表</h1></font></caption>
			<tr><td class="leir" style="background:transparent; ">用户名</td><td class="leir" style="background:transparent; "><input  type="text" size="14" maxlength="12" name="name" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">密  码</td><td class="leir" style="background:transparent; "><input type="password" name="psw" size="14" maxlength="12" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">确认密码</td><td class="leir" style="background:transparent; "><input type="password" name="qpsw" size="14" maxlength="12" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">邮  箱</td><td class="leir" style="background:transparent; "><input type="text" size="14" name="em" maxlength="36" id="email" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">性  别</td><td class="leir" style="background:transparent; "><input type="radio" name="ral" value="男">男
						<input type="radio" name="ral" value="女" checked>女<font color="red">&nbsp;&nbsp;&nbsp;&nbsp;*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">真实姓名</td><td class="leir" style="background:transparent; "><input type="text" size="14" maxlength="12" name="name1" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">高级选项</td><td class="leir" style="background:transparent; "><input type="checkbox" name="gjxx" onClick="getVisible()"></td></tr></table>
			<table width=380 heigh=40 id="tb" border="0" bordercolor="red" align="center" cellspacing="0" class="leir3">
			<tr><td class="leir" style="background:transparent; ">出生日期</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select id="y" onChange="initD()" name="year"><option value=-1>==</option></select>年<select id="m" onChange="initD()" name="month"><option value=-1>==</option></select>月<select id="day" name="day"><option value=-1>==</option></select>日</td></tr>
			<tr><td class="leir" style="background:transparent; ">籍贯</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="prv" size="6">省<input type="text" name="city" size="6">市</td></tr>
			<tr><td class="leir" style="background:transparent; ">爱好</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;
					<input type="checkbox" name="chkb" value="足球">足球
					<input type="checkbox" name="chkb" value="街舞">街舞
					<input type="checkbox" name="chkb" value="音乐">音乐
					<input type="checkbox" name="chkb" value="看书">看书</td></tr>
<tr><td class="leir" style="background:transparent; "></td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="allselect" value="全选" onClick="allSelect()">&nbsp;&nbsp;&nbsp;<input type="checkbox" name="chka" value="全选" style="background:transparent; " onClick="allSelect1()">全选</td></tr></table>
			<table width=380 heigh=40 border="0" bordercolor="red" align="center" cellspacing="0">
			<tr><td class="leir" style="background:transparent; ">Q&nbsp;&nbsp;Q</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;<input type="text" size="14" maxlength="12" name="qq" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">MSN&nbsp;</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;<input type="text" size="14" maxlength="12" name="msn" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">密码问题</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;<input type="text" name="keyq" size="14" maxlength="12" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">答  案&nbsp;&nbsp;</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;<input type="text" name="answer" size="14" maxlength="12" style="background:transparent; "><font color="red">*</font></td></tr>
			<tr><td class="leir" style="background:transparent; ">验证码</td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;<input type="text" name="word" size="5">
                <img src="code.jpg" alt="这是什么" width="70" height="34">              <input type="button" name="ncr" value="看不清"></td>
			</tr>
			<tr><td class="leir" style="background:transparent; "></td><td class="leir" style="background:transparent; ">&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="注册" onClick="return checkNull()">&nbsp;&nbsp;&nbsp;<input type="reset" value="取消" onClick="getVisible()"></td></tr>
		</table></form>
	</body>
</html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics