Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 64 Releases 0 Wiki
Browse Source

新增注册时邮箱验证成功与失败的判断

luyanan 8 years ago
parent
3b26c2d58b
commit
5961a4e80a
7 changed files with 175 additions and 16 deletions
Split View Show Diff Stats
  1. 81 0
      bind-mail-no.html
  2. 69 0
      bind-mail-ok.html
  3. 2 2
      bind-mail.html
  4. 15 10
      css/common.css
  5. 2 2
      css/login.css
  6. BIN
      images/nodata.png
  7. 6 2
      js/bind-mail.js

+ 81 - 0
bind-mail-no.html
View File 

@ -0,0 +1,81 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
-->
6 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
8
9 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 
<title>科袖-邮箱验证</title>
11 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
12 
<link rel="stylesheet" href="css/reset.css" />
13 
<link type="text/css" href="css/login.css" rel="stylesheet">
14 
<link type="text/css" href="css/common.css" rel="stylesheet">
15 
<style>
16 
.maillink{margin:4px 10px;}
17 
.smallTip{color:#888888;padding:0 0 0 140px;line-height:28px;font-weight:normal;text-align: left;font-size:13px}
18 
</style>
19 
</head>
20
21 
<body>
22
23 
<div id="header" style="position:static;">
24 
	<a href="index.html" alt="科袖" class="logo"></a>
25 
</div>
26 
<div class="container" id="container">
27 
	<div class="contentmid">
28 
    	<!--/*邮箱验证提示*/-->
29 
        <dl class="mailsection">
30 
            <dt class="statelable">
31 
                <h2>邮箱验证失败</h2>
32 
            </dt>
33 
            <dd class="msgnotice nodatabox">
34 
            	<div class="currword" style="color: #FF2222;">
35 
            		抱歉！邮箱验证失败！可能原因如下：<br />
36 
            		<p class="smallTip">
37 
            			1. 您的邮箱验证超时，请在10分钟内激活邮箱验证链接。<br />
38 
            			2. 您已点击过此链接，此链接已失效。
39 
            		</p>
40
41 
            	</div>
42 
            	<div class="picbox"><span class="defpic" style="background-position:  -440px -1140px;"></span></div>
43 
                <div class="clearfix" style=" display: inline-block;">
44 
                	<a href="register.html" class="maillink floatL" style="background: #E40505;" target="_blank">重新验证</a>
45 
                </div>
46 
            </dd>
47 
        </dl>
48 
    </div>
49 
</div>
50
51 
<div id="footer" class="clearfix">
52 
    <div class="wrapper clearfix">
53 
        <i class="footer-logo floatL"></i>
54 
        <div class="word_wrapper floatL">
55 
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
56 
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
57 
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
58 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
59 
            	<div class="code weixin_code"></div>
60 
            </a><span> | </span>
61 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
62 
            	<div class="code app_code"></div>
63 
            </a><span> | </span>
64 
            <span class="listlink">客服邮箱：<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
65 
            <span> | </span>
66 
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
67 
        </div>
68 
    </div>
69 
    <div class="copyright">
70 
        <span><em> © </em>2016 北京科袖科技有限公司</span>
71 
        <span> | 京ICP备16042588号-1 | </span>
72 
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
73 
    </div>
74 
</div>
75
76 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
77 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
78 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
79 
<script type="text/javascript" src="js/common.js"></script>
80 
</body>
81 
</html>

+ 69 - 0
bind-mail-ok.html
View File 

@ -0,0 +1,69 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
-->
6 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
8
9 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10 
<title>科袖-邮箱验证</title>
11 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
12 
<link rel="stylesheet" href="css/reset.css" />
13 
<link type="text/css" href="css/login.css" rel="stylesheet">
14 
<link type="text/css" href="css/common.css" rel="stylesheet">
15
16 
</head>
17
18 
<body>
19
20 
<div id="header" style="position:static;">
21 
	<a href="index.html" alt="科袖" class="logo"></a>
22 
</div>
23 
<div class="container" id="container">
24 
	<div class="contentmid">
25 
    	<!--/*邮箱验证提示*/-->
26 
    	<dl class="mailsection">
27 
            <dt class="statelable">
28 
                <h2>邮箱验证成功</h2>
29 
            </dt>
30 
            <dd class="msgnotice nodatabox">
31 
            	<p class="currword" style="color:#4AA516;">恭喜！邮箱验证成功！</p>
32 
            	<div class="picbox"><span class="defpic" style="background-position:  -12px -1140px;"></span></div>
33 
                <a href="login.html" class="maillink" style="margin:auto;" target="_blank">去登录</a>
34 
            </dd>
35 
       </dl>
36 
    </div>
37 
</div>
38
39 
<div id="footer" class="clearfix">
40 
    <div class="wrapper clearfix">
41 
        <i class="footer-logo floatL"></i>
42 
        <div class="word_wrapper floatL">
43 
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
44 
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
45 
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
46 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
47 
            	<div class="code weixin_code"></div>
48 
            </a><span> | </span>
49 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
50 
            	<div class="code app_code"></div>
51 
            </a><span> | </span>
52 
            <span class="listlink">客服邮箱：<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
53 
            <span> | </span>
54 
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
55 
        </div>
56 
    </div>
57 
    <div class="copyright">
58 
        <span><em> © </em>2016 北京科袖科技有限公司</span>
59 
        <span> | 京ICP备16042588号-1 | </span>
60 
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
61 
    </div>
62 
</div>
63
64 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
65 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
66 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
67 
<script type="text/javascript" src="js/common.js"></script>
68 
</body>
69 
</html>

+ 2 - 2
bind-mail.html
View File 

@ -30,7 +30,7 @@
30 30 
<div id="header" style="position:static;">
31 31 
	<a href="index.html" alt="科袖" class="logo"></a>
32 32 
</div>
33 
<div class="container">
33 
<div class="container" id="container">
34 34 
	<div class="contentmid">
35 35 
    	<!--/*邮箱验证提示*/-->
36 36 
    	<dl class="mailsection">

@ -50,7 +50,7 @@
50 50 
                <div class="contacttip">
51 51 
                    邮箱填写错误？ <a href="register.html">换个邮箱</a>
52 52 
                    <br> 看看是否在邮箱的垃圾邮件、广告邮件目录里
53 
                    <br> 稍等几分钟，若还未收到验证邮件， <a href="javascript:void(0)" id="resend_main">重新发送验证邮件</a>
53 
                    <!--<br> 稍等几分钟，若还未收到验证邮件， <a href="javascript:void(0)" id="resend_main">重新发送验证邮件</a>-->
54 54 
                </div>
55 55 
            </dd>
56 56 
        </dl>

+ 15 - 10
css/common.css
View File 

@ -25,7 +25,7 @@
25 25 
.bgRadius{border-radius: 6px;}
26 26 
/* 表单样式 */
27 27 
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
28 
.frmtype:focus{ border:1px solid #ff8500;}
28 
.frmtype:focus{ border:1px solid #ff8500;box-shadow: none;}
29 29 
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
30 30 
.frmrbtn{ background:none; color:#303030; border:none; }
31 31 
.updownbtn{text-decoration:underline; color:#333;}

@ -64,7 +64,7 @@ input{ outline:none;}
64 64
65 65 
.myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
66 66 
/*主体部分*/
67 
#container{ min-width:1100px;min-height:90%; background:#fff;overflow: hidden;}
67 
#container{ min-width:1100px;min-height:78%; background:#fff;overflow: hidden;}
68 68 
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
69 69 
/*footer部分*/
70 70 
#footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: relative; z-index: 100; text-align:center;}

@ -143,15 +143,15 @@ input{ outline:none;}
143 143
144 144 
/***********************缺省页面*******************/
145 145 
.nodatatip{width:40%;margin:100px auto;overflow:hidden;height:100px; font-size:16px; text-align:center;color:#aaa;}
146 
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
146 
.nodatabox{/*width:100%;*/height: 100%;padding:40px; margin:20px auto;text-align: center;}
147 147 
.nodatabox .nodata{overflow:hidden; width:50%; margin:auto;}
148 148 
.nodatabox .nodata li{float:left;}
149 
.nodatabox .picbox{margin: auto;}
150 
.nodatabox .picbox .defpic{display:block;margin: auto;width:200px;height:200px; background:url(../images/nodata.jpg) -30px -790px no-repeat;}
149 
.nodatabox .picbox{margin:30px auto;}
150 
.nodatabox .picbox .defpic{display:block;margin: auto;width:160px;height:160px; background:url(../images/nodata.png) -12px -760px no-repeat;}
151 151 
.nodatabox .txtbox { margin:86px auto;}
152 
.nodatabox .txtbox .currword{font-size: 16px;color: #999999;line-height: 28px;}
153 
.nodatabox .txtbox .currtip{ font-size:14px;color: #AAAAAA;}
154 
.nodatabox .txtbox .keyword{ padding:0 6px;color:#555555;}
152 
.nodatabox .currword{font-size: 18px;color: #777777;font-weight:bold;line-height:40px;}
153 
.nodatabox .currtip{ font-size:14px;color: #AAAAAA;}
154 
.nodatabox .keyword{font-size:20px; padding:0 6px;color:#555555;}
155 155 
/***********************缺省页面*******************/
156 156
157 157 
.ResImgBox{display: inline-block;text-align: center;max-width:100px;width:100px;height:100px;background:#FAFAFA;border:1px solid #F8F8F8;overflow: hidden;padding:2px;border-radius:4px;}

@ -159,6 +159,11 @@ input{ outline:none;}
159 159 
.ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: 0px;}
160 160 
.beforMargin:before{margin-left:-4px;}
161 161
162
163
162 
/*kexiu用户协议*/
163 
.privacyBox{max-width:980px;padding:10% 5%;background:#fafafa;margin:auto;line-height:28px;font-size:15px;}
164 
.privacyBox h2{ text-align: center;margin:20px 10px;font-size: 20px;color: #FFFFFF;background: rgba(255, 153, 0, 0.8);line-height: 50px;border-radius: 10px;}
165 
.privacyBox h3{ line-height:40px; color:#333;padding:4px;}
166 
.privacyBox p{text-indent:1.5em; margin:0; padding:6px;color:#666;}
167 
.privacyBox p.text_indentP{text-indent:2em; }
168 
.privacyBox ul{ margin:0 4px;margin-left:40px;padding:0 4px; color:#666;}
164 169

+ 2 - 2
css/login.css
View File 

@ -171,7 +171,7 @@ html,body{ cursor:default; margin:0; height:100%;}
171 171
172 172 
/*验证邮箱跳转页面*/
173 173 
.container{ width:1024px;  background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:40px; border-radius:10px; }
174 
.contentmid{ padding:20px 40px;background: #f8f8f8; width:680px; margin:auto;}
174 
.contentmid{ padding:30px 40px;background: #f8f8f8; width:680px;margin: 5% auto;}
175 175 
.mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
176 176 
.statelable{ position:relative;  height:60px;}
177 177 
.statelable h2{color: #fff; font-size: 22px;font-weight:400; line-height:48px;background: #ff9900;padding: 0 40px; position: absolute; right:-10px; top:-10px;z-index: 2; border-radius: 20px 0 0 20px; }

@ -179,7 +179,7 @@ html,body{ cursor:default; margin:0; height:100%;}
179 179 
.msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
180 180 
.msgnotice .emailus{ line-height:28px;}
181 181 
.msgnotice .emailus a { font-size: 18px; color: #ff9900;}
182 
.msgnotice .maillink{ display:block; font-size:14px; width:100px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:10px;background:#ff9900; color:#fff;}
182 
.msgnotice .maillink{ display:block; font-size:14px; width:100px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:6px;background:#ff9900; color:#fff;}
183 183 
.msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
184 184 
.msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
185 185 
.msgnotice .contacttip{ margin-bottom:20px;}

BIN
images/nodata.png
View File


+ 6 - 2
js/bind-mail.js
View File 

@ -15,10 +15,12 @@ if(mailCode!=''){
15 15 
			type:"POST",
16 16 
			async: true,
17 17 
			success:function(data){
18 
			   $('#completedcover').show();
18 
			   //$('#completedcover').show();
19 
			   location.href="bind-mail-ok.html";
19 20 
			},
20 21 
			error:function(){
21 
			   $.MsgBox.Alert('消息提醒','邮箱注册失败')
22 
			   //$.MsgBox.Alert('消息提醒','邮箱注册失败')
23 
			   location.href="bind-mail-no.html";
22 24 
			},
23 25 
			data:{"mail":mailVal,"userId":userId},
24 26 
		 	dataType: 'json'}

@ -56,9 +58,11 @@ function emailResend()
56 58 
			success:function(data){
57 59 
			   // console.log(data);
58 60 
				$.MsgBox.Alert('消息提醒','验证邮件重新发送成功,点击登录邮箱验证')
61
59 62 
			},
60 63 
			error:function(){
61 64 
				$.MsgBox.Alert('消息提醒','邮箱发送失败')
65
62 66 
			},
63 67 
			data:{"mail":mailVal},
64 68 
		 	dataType: 'json'}