<!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>
完成以下页面,要求:点击注册的时候如果必填的项目有空,提示用户“必填项有空值,请输入正确的值”,否则提示用户“成功注册”。
最新推荐文章于 2021-02-16 20:47:41 发布