PHP+jQuery 注册模块的改进（二）：邮箱激活第1/2页
(编辑：jimmy 日期: 2024/11/20 浏览：3 次 )
接《PHP+jQuery 注册模块的改进之一》继续修改：
①在注册成功后返回登录邮件页面( maillogin.php )，在页面中用户可以点击链接跳转到自己注册邮箱的登录页面，可以再次发送激活链接；
②给激活链接设置有效期，过了有效期点击激活连接，会跳转页面让用户选择再次发送邮件或者返回注册页；再次发送邮件后，进邮箱点击链接激活；
③点击重新发送激活连接，不跳转页面，在当前页无刷新弹出通知：已重新发送链接，几秒钟之后通知消失；
④点击更换收件邮箱，跳转至注册页
1.点击邮箱链接跳转至相应邮箱登陆界面
思路：
在maillogin.js中( 也可在php中设置 )设置常用邮件地址列表，当用户的注册邮箱和列表中的邮箱匹配时，则显示button"立即登录验证邮箱"，点击则跳转至邮箱的登陆首页；如果用户注册的邮箱在列表中不存在时，则不显示登陆button。
如图，当邮箱列表中存在注册邮箱时：
当邮箱列表中不存在注册邮箱时：
当传递的参数不是有效的邮箱时提示参数错误：
maillogin.php:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册页面</title>
<link href="templets/css/common.css" rel="stylesheet" type="text/css">
<style>
#container{
background-color:#fff;
width:990px;
height:547px;
margin-top:50px;
margin-bottom:20px;
overflow:hidden;
}
#mailChk{ width:530px; margin:100px auto auto auto; position:relative;}
.mailfonts{ margin-left:20px;}
.mailpic{ float:left;}
.mailfonts{ float:left;}
.hfonts{ font-size:22px; }
.ftit{
position:relative;
top:-70px;
left:-180px;
border-bottom:1px solid #eee;
width:870px;
padding-bottom:10px;
font-size: 20px;
font-weight: normal;
font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;
color: #323232;
}
.ftit2{
height:1px;
top:50px;
left:-180px;
}
.sfonts{ line-height:48px; color:#666;}
.orange{ color:#ee8c18;}
#maillogin{
display: block;
width: 390px;
height: 50px;
line-height: 50px;
border: 0;
overflow: hidden;
text-align: center;
background: #69b3f2;
font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;
font-size: 26px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin:100px auto 0 85px;
cursor:pointer;
}
#maillogin:hover{ background: #7cbdf5;}
#maillogin,#maillogin:hover{ color:#fff;}
#maillogin a{ color:#fff;}
.notice{
position:relative;
bottom:-70px;
left:-180px;
}
.notit{ font-size:14px; color:#949494; font-weight:bold; font-family:arial;}
.noul{ color:#949494; margin-left:-40px;}
</style>
<script src="/UploadFiles/2021-04-02/jquery-1.8.3.min.js">
maillogin.js:
12下一页阅读全文下一篇：PHP+jQuery 注册模块的改进（一）：验证码存入SESSION