第十五次作业会员注册+跳转到登录登录在下一个文章发

最新推荐文章于 2024-09-05 11:41:54 发布

0(>^ω^<)0

最新推荐文章于 2024-09-05 11:41:54 发布

阅读量83

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_66328839/article/details/123686870

版权

这是一个关于网页会员注册表单的实现。代码中定义了一个具有边框、背景色和内联样式的会员注册框，包含用户名和密码输入字段，并通过JavaScript进行表单验证。当用户点击注册按钮时，会检查用户名是否为空、是否已被注册，以及密码长度是否符合要求。如果所有条件都满足，将提示注册成功，并跳转到新的页面。此外，页面还提供了一个静态的跳转链接。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
		.box {
			width: 300px;
			height: 150px;
			border: 1px solid #4B0082;
			margin: 0px auto;
			background-color: #00ff95;
		}

		h2 {
			font-size: 16xp;
			background-color: #DC143C;
			height: 35px;
			line-height: 35px;
			color: #FFEBCD;
			margin: 0px;
			padding-left: 20px;
		}
	</style>
</head>

<body>
	<div>
		<div class="box">
			<h2 align="center">会员注册</h2>
			<div>
				用户名：<input id="uuname" placeholder="首字母大写,输入6-12位">
			</div>
			<div>
				密 码：<input id="ucode" type="password" placeholder="输入6-12位密码">
			</div><br>
			<div>
				<button onclick="zhuce()">注册</button>
				<button><a href="第十五次作业跳转.html">跳转</a></button>
			</div>
		</div>
		<form action="第十五次作业跳转.html" method="uuname">
			<script type="text/javascript">
				//1:获取用户输入的内容
				function zhuce() {
					var names = ["Z123456", "L123456"];                         //声明变量接收
					var codes = ["123456", "123456"];

					var uname = document.getElementById("uuname").value;
					var code = document.getElementById("ucode").value;           //获得值

					if (!uname) {
						alert("用户名不能为空")                          //判断密码为空
					}
					if (!code) {
						alert("密码不能为空")
					}
					// var na = Array.from(uname);  //变换数组
					// var co = Array.from(code);
					//判断用户是否注册重复

					var num = false;
					for (var i = 0; i < names.length; i++) {
						if (uname == names[i]) {
							num = true;
							break;
						}
					}		
					if (num) {
						alert("用户名已被注册")
					} else {
						//如果没有被找到则可以注册  //下面就的用户名和密码的条件 满足条件就添加到数组里 然后循环一下控制台输出
						if (!uname) {                                                   //判断密码为空的话 什么都不显示
						} else if (uname[0] < 'A' || uname[0] > 'Z') {
							alert("首字母大写")
						} else if (uname.length < 6 || uname.length > 12) {
							alert("输入用户名有误,长度是6-12之间,首字母大写")
						} else if (code.length < 6 || code.length > 12) {
							alert("输入密码有误,长度是6-12之间。")
						} else {
							alert("注册成功")
							names.push(uname);
							codes.push(code);
							for (i in names) {
								console.log(names[i]);
							}
							for (i in codes) {
								console.log(codes[i]);
							}
							window.open("第十五次作业跳转.html?" + names + "&" + codes)
						}
					}
				}
			</script>
		</form>
</body>

</html>

0(>^ω^<)0

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第十五次作业会员注册+跳转到登录登录在下一个文章发

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> .box { width: 300px; height: 150px; border: 1px solid #4B0082; margin: 0px auto; background-color: #00ff95; } h
复制链接

扫一扫