登录界面

最新推荐文章于 2022-11-07 11:08:22 发布

孙茂森_43986103

最新推荐文章于 2022-11-07 11:08:22 发布

阅读量323

点赞数 1

分类专栏：代码文章标签： HTML

本文链接：https://blog.csdn.net/weixin_43986103/article/details/86481704

版权

代码专栏收录该内容

12 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function cheakname(){
				var a1 =document.x1.username.value;
				if(a1.length==0){
					alert("姓名不能为空")
					return false;
				}
				return true;
			}
			function cheakpassword(){
				var a1 = document.x1.password.value;
				var a2 = document.x1.password2.value;
				if(a1!=a2){
					alert("密码必须一致");
					return false;
				}
				if(a1.length==0){
					alert("密码为空")
					return false;
				}
				if(a2.length==0){
					alert("重写密码为空")
					return false;
				}
				return true;
			}
			function cheakyear(){
				var s1 = document.x1.year.value;
				if(s1.indexOf("20")!=0){
					alert("年份必须以20开头");
					return false
				}
				if(s1.length==0){
					alert("年份不能为空")
					return false;
				}
				return true;
			}
			function cheakday(){
				var s1 =document.x1.day.value;
				var s2= new RegExp("[1-31]");
				if(!s2.test(s1)){
					alert("日期必须在1—31之间");
					return false;
				}
				if(s1.length ==0){
					alert("日期不能为空");
				}
				return true;
			}
			function cheakmonth(){
				var a1 =document.x1.month.value;
				if(a1=="—选择月份—"){
					alert("月份不能为空")
					return false;
				}
				return true;
			}
			function cheakfrom(){
				if(cheakname()&&cheakpassword()&&cheakyear()&&cheakmonth()&&cheakday()){
					return true;
				}
				return false;
			}
		</script>
	</head>
	<body>
		<form name="x1" action="#" onsubmit="return cheakfrom(2)">
			<table>
				<tr>
					<td>
						用户名：
					</td>
					<td>
						<input type="text" name="username"  />
					</td>
				</tr>
				<tr>
					<td>
						密码：
					</td>
					<td>
						<input type="password" name="password" />
					</td>
				</tr>
				<tr>
					<td>
						再次输入密码：
					</td>
					<td>
						<input type="password" name="password2" />
					</td>
				</tr>
				<tr>
					<td>
						出生日期：
					</td>
					<td align="center">
						<input type="text" name="year" value="yyyy" size="7"/>年
					</td>
					<td align="center">
						<select name="month">
							<option>—选择月份—</option>
							<option >1</option>
							<option >2</option>
							<option >3</option>
							<option >4</option>
							<option >5</option>
							<option >6</option>
							<option >7</option>
							<option >8</option>
							<option >9</option>
							<option >10</option>
							<option >11</option>
							<option >12</option>
						</select>月
					</td>
					<td align="center">
						<input type="text" value="dd" name="day" size="3"/>日
					</td>
				</tr>
				<td colspan="2" align="center">
					<input type="submit" value="注册" />
					<input type="reset" value="重置" />
				</td>
			</table>
		</form>
	</body>
</html>

孙茂森_43986103

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
登录界面

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function cheakname(){ var a1 =document.x1.username.valu
复制链接

扫一扫

专栏目录