完成以下页面,要求：点击注册的时候如果必填的项目有空，提示用户“必填项有空值，请输入正确的值”，否则提示用户“成功注册”。

最新推荐文章于 2021-02-16 20:47:41 发布

ptsph

最新推荐文章于 2021-02-16 20:47:41 发布

阅读量8.8k

点赞数 6

分类专栏： JavaScript

本文链接：https://blog.csdn.net/li_yuan_long/article/details/80043363

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0 auto;
			}
			
			#main {
				border: 1px solid yellow;
				width: 750px;
				height: 550px;
			}
			
			p {
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 25px;
			}
		</style>

		<script>
			function yanzheng() {
				var email = document.getElementById("email").value;
				var nicheng = document.getElementById("nicheng").value;
				var pwd = document.getElementById("pwd").value;
				var newpwd = document.getElementById("newpwd").value;

				if(email == null || email == "" && nicheng == null || nicheng == "" && pwd == null || pwd == "" && newpwd == null || newpwd == "") {
					alert("必填项有空值，请输入正确的值");
				} else {
					if(pwd == newpwd) {
						alert("登录成功");
					} else {
						alert("两次密码不一致");
					}
				}
			}
		</script>
	</head>

	<body>

		<form action="" method="get">

			<div id="main">

				<p>①填写会员信息    ②通过邮件确认    ③注册成功</p>
				<hr color="yellow" width="720px" />
				<table>
					<tr>
						<td>
							<font color="red">*</font>E-mail</td>
						<td><input type="text" id="email"></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<font color="gray">(有效的E-mail地址才能收到激活码)</font>
						</td>
					</tr>

					<tr>
						<td>
							<font color="red">*</font>昵称</td>
						<td><input type="text" id="nicheng"></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<font color="gray">(昵称在SDDN全站显示)</font>
						</td>
					</tr>

					<tr>
						<td>
							<font color="red">*</font>密码</td>
						<td><input type="password" id="pwd"></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<font color="red">(为了您的账户安全，建议使用字符+数字等多种不同的类型的组合，且长度大于五位)</font>
						</td>
					</tr>

					<tr>
						<td>
							<font color="red">*</font>再次输入密码</td>
						<td><input type="password" id="newpwd"></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<font color="gray">(确保您记住密码)</font>
						</td>
					</tr>

					<tr>
						<td>
							<font color="red">*</font>性别</td>
						<td><input type="radio">男
							<input type="radio">女
						</td>
					</tr>

					<tr>
						<td>
							<font color="red">*</font>注册条款</td>
						<td><input type="checkbox" id="checkbox">我已仔细阅读并接受
							<a href="#">CSDN注册条款</a>
						</td>
					</tr>

					<tr>
						<td></td>
						<td><input type="submit" οnclick="yanzheng()" value="注册"></td>
					</tr>
				</table>
			</div>

		</form>
	</body>

</html>

ptsph

关注

6
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
完成以下页面,要求：点击注册的时候如果必填的项目有空，提示用户“必填项有空值，请输入正确的值”，否则提示用户“成功注册”。

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; * { margin: 0 auto; }
复制链接

扫一扫