PHP+jQuery 注册模块的改进（二）：邮箱激活第1/2页

更新时间：2014年10月14日 15:10:33 作者：小dee

本文是PHP+jQuery 注册模块的改价的第二篇，主要是继续完善邮箱激活账号方面的功能，非常的详细，有需要的朋友可以参考下

接《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="templets/js/jquery-1.8.3.min.js"></script>
<script src="templets/js/maillogin.js"></script>
</head>

<body>

<!--顶部长条-->
<div id="header-nav">
  <div id="header-nav-fonts">
    <span class="top-tie-big"><a href="#">Dee's BLOG</a></span> 
    <span class="top-tie"> | </span>
    <span class="top-tie-big">注册</span>
    <span class="top-tie-small">已有帐号？马上<a href="#">登录</a></span>
    <div class="cls"></div>
  </div>
</div>

<!-- 内容区 -->
<div id="container">

  <div id="mailChk">
    <?php 
  
      if(isset($_GET['m']) && $_GET['m']!=""){
      
        $m = $_GET['m'];
      }else{
      
        echo "<div class=\"hfonts ftit\">操作有误，<a href=\"templets/register.html\">请重新注册</div>";
        exit();
      }
    ?>
    <div class="hfonts ftit">邮箱验证</div>
    <img class="mailpic" src="templets/images/mail.jpg">
    <div class="mailfonts">
      <div class="hfonts">验证邮件已发出，请48小时内登陆邮箱验证</div>
      <div class="sfonts">登录邮箱 <a id="mailaddr" class="orange"><?php echo $m;?></a> ,并按邮件提示操作即可</div>
    </div>
    <button type="button" id="maillogin"><a href="">立即登录邮箱验证</a></button>
    <div class="ftit ftit2"></div>
    <div class="cls"></div>
    <div class="notice">
      <h3 class="notit">还没有收到验证邮件呢？</h3>
      <ul class="noul">
        <li>1.尝试到广告邮件、垃圾邮件目录里找找看</li>
        <li>2.<a class="blue" href="#">再次发送验证邮件</a></li>
        <li>3.如果重发注册验证邮件仍然没有收到，请更换<a class="blue" href="#">另一个邮件地址</a></li>
      </ul>
    </div>
  </div>
  
</div>
</body>
</html>

maillogin.js:

12 下一页阅读全文

您可能感兴趣的文章:

Thinkphp6.0中间件的具体使用
6.0中间件分为系统中间件和应用中间件，本文就详细的介绍一下Thinkphp6.0中间件的具体使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-12-12
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
这篇文章主要介绍了PHP 5.6.11 访问SQL Server2008R2的几种情况的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-08-08
php中的curl使用入门教程和常见用法实例
起先cURL是做为一种命令行工具设计出来的，比较幸运的是，php也支持cURL了。通过cURL这个利器，我们能在php程序中自由地发送HTTP请求到某个url来获取或者提交数据，并且支持其它多种协议，比如FTP，Telnet以及SMTP等。在这篇博文中，我将简述下，在php中具体怎么使用cURL来处理一些事情。
2014-04-04
php版微信自动登录并获取昵称的方法
这篇文章主要介绍了php版微信自动登录并获取昵称的方法,涉及php针对微信公众平台接口调用的相关操作技巧,需要的朋友可以参考下
2016-09-09
thinkphp判断访客为手机端或PC端的方法
这篇文章主要介绍了thinkphp判断访客为手机端或PC端的方法,通过获取用户$_SERVER['HTTP_USER_AGENT']信息后,再针对数组的遍历与匹配来判断访客类型,是非常实用的技巧,需要的朋友可以参考下
2014-11-11
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
这篇文章主要介绍了PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题的相关资料,需要的朋友可以参考下
2016-08-08
PHP编写RESTful接口
本文给大家分享的是使用PHP编写的RESTful接口的方法和简单示例，有需要的小伙伴可以参考下。
2016-02-02
PHP处理CSV表格文件的常用操作方法总结
CSV文件以纯文本形式存储表格数据,所以我们通过PHP数组能够较为容易地对CSV中的数据进行读写,这里我们就来看一下PHP处理CSV表格文件的常用操作方法总结:
2016-07-07
基于Swoole实现PHP与websocket聊天室
本文利用Swoole来实现PHP+websocket的聊天室，过程介绍的很详细，对聊天室的开发很有帮助，有需要的可以参考学习。
2016-08-08
php两个多维数组组合遍历的实例
下面小编就为大家带来一篇php两个多维数组组合遍历的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-10-10

PHP+jQuery 注册模块的改进（二）：邮箱激活第1/2页

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具