Browse Source

注册及发邮箱

jack 7 years ago
parent
commit
cd8528516e
4 changed files with 108 additions and 86 deletions
  1. 67 74
      bind-mail.html
  2. 16 3
      js/register.js
  3. 23 7
      regResult.html
  4. 2 2
      register.html

+ 67 - 74
bind-mail.html

@ -1,88 +1,81 @@
1 1
<!DOCTYPE html>
2 2
<html>
3 3
<head>
4
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
5
-->
6 4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 5
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
8

9 6
<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 href="css/bootstrap.min.css" rel="stylesheet">
13
<link rel="stylesheet" href="css/reset.css" />
14
<link type="text/css" href="css/login.css" rel="stylesheet">
15
<link type="text/css" href="css/common.css" rel="stylesheet">
7
<title>科袖网-搭建企业与专家的桥梁</title>
8
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
9
<link type="text/css" rel="stylesheet" href="css/reset.css">
10
<link type="text/css" rel="stylesheet" href="css/common.css">
11
<link type="text/css" rel="stylesheet" href="css/genindex.css">
16 12
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17
<style type="text/css">
18
	#header.Nosear {
19
    position: static;
20
}
21
#header {
22
    width: 100%;
23
    min-width: 1100px;
24
    height: 60px;
25
    background: #FFFFFF;
26
    position: fixed;
27
    top: 0;
28
    z-index: 999;
29
}
30
</style>
31 13
</head>
32

33
<body>
34

35
<div class="completedcover" id="completedcover">
36
    <!--/*是否完善信息提示*/-->
37
    <div class="vercompleted">
38
        <h3>已经完成注册,是否现在去完善个人信息?</h3>
39
        <div class="verbtnbox">
40
            <a href="javascript:void(0)" class="verbtn" onClick="goPersonal()" >现在完善</a>
41
        </div>
42
    </div>
14
<body class="covbodyBg">
15
<div class="containerCon">
16
	<a href="index.html" class="headlogo signLogo"></a>
43 17
</div>
44

45
<header id="header" class="Nosear">
46
	<div class="containerCon">
47
		<div class="headlogo">
48
			<a href="index.html"><h1></h1></a>
18
<!--中间-->
19
<div id="container">
20
	<div class="containerCon contConP">
21
		<div class="covFrmblock">
22
			<form class="cmpAllFrm">
23
				<p class="h1Font alignCenter mainColor">注册科袖</p>
24
				<div class="waysBlock">
25
					<div class="loginWays">
26
						<!--注册成功-->
27
						<ul class="cmpAllUl cmpCoverUl displayNone" id="success">
28
							<li class="successImg"></li>
29
							<li class="alignCenter">
30
								<p class="importTip">注册成功,快去登录吧!</p>
31
							</li>
32
							<!--验证激活成功-已登录时隐藏按钮-->
33
							<li>
34
								<a href="login.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录</button></a>
35
							</li>
36
						</ul>
37
						<!--邮箱链接失效-->
38
						<ul class="cmpAllUl cmpCoverUl displayNone" id="fail">
39
							<li class="failImg"></li>
40
							<li class="alignCenter">
41
								<p class="importTip">很抱歉,当前的链接已失效</p>
42
								<p class="smalltip alignCenter" id="smalltip">小提醒:邮件内的链接有效时长为10分钟。</p>
43
							</li>
44
							<!--验证激活成功-已登录时隐藏按钮-->
45
							<li>
46
								<a href="register.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">重新注册</button></a>
47
							</li>
48
						</ul>
49
					</div>
50
				</div>
51
			</form>
49 52
		</div>
50 53
	</div>
51
</header>
52
<div class="containerFrm" id="container">
53
	<div class="contentmid">
54
    	<!--/*邮箱验证提示*/-->
55
    	<dl class="mailsection">
56
            <dt class="statelable">
57
                <h2>注册邮箱验证</h2>
58
            </dt>
59
            <dd class="msgnotice">
60
                <h4 class="noticecon">验证邮箱,完成注册</h4>
61
                <div class="emailus">
62
                    我们已将验证邮件发送至邮箱:<a id='receiveMail'></a>
63
                    <br> 点击邮件内的链接即可完成注册,完善信息即可使用科袖网所有功能。
64
                </div>
65
                <a href="https://mail.qq.com/" class="maillink" target="_blank">登录邮箱验证</a>
66
            </dd>
67
            <dd class="msgnotice">
68
                <h5>没有收到验证邮件,怎么办?</h5>
69
                <div class="contacttip">
70
                    邮箱填写错误? <a href="register.html">换个邮箱</a>
71
                    <br> 看看是否在邮箱的垃圾邮件、广告邮件目录里
72
                    <!--<br> 稍等几分钟,若还未收到验证邮件, <a href="javascript:void(0)" id="resend_main">重新发送验证邮件</a>-->
73
                </div>
74
            </dd>
75
        </dl>
76
    </div>
77 54
</div>
78

79
<footer>
80
	<script type="text/javascript" src="js/footer.js"></script>
81
</footer>
82

83
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
84
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
55
<script type="text/javascript"src="js/jquery.cookie.js"></script>
56
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
85 57
<script type="text/javascript" src="js/common.js"></script>
86
<script type="text/javascript" src="js/bind-mail.js"></script>
58
<script type="text/javascript">
59
	$(document).ready(function(){
60
		var oFlag=GetQueryString("sc");
61
		$.ajax("/ajax/regmail/" + oFlag, {
62
			type: "GET",
63
			async: true,
64
			success: function(data) {
65
				if(data.success) {
66
					$("#success").show();
67
				} else {
68
					$("#fail").show();
69
				}
70
			},
71
			error: function() {
72
				//$.MsgBox.Alert('消息提醒','邮箱注册失败')
73
				location.href = "bind-mail-no.html";
74
			},
75
			dataType: 'json'
76
		});
77
	})
78
	
79
</script>
87 80
</body>
88
</html>
81
</html>

+ 16 - 3
js/register.js

@ -316,8 +316,11 @@ function mailRegistration() {
316 316
			async: true,
317 317
			success: function(data) {
318 318
				if(data.success) {
319
					$.cookie('mailVal', mailVal);
320
					location.href = "bind-mail.html";
319
					/*$.cookie('mailVal', mailVal);
320
					location.href = "bind-mail.html";*/
321
					$(".waysBlock").hide();
322
					$(".maliTo").show();
323
					$("#omaile").text(mailVal);
321 324
				} else {
322 325
					$.MsgBox.Alert('消息', '邮箱发送失败');
323 326
				}
@ -333,5 +336,15 @@ function mailRegistration() {
333 336
			dataType: 'json'
334 337
		});
335 338
}
336

339
/*登录邮箱*/
340
	$("#loginMail").click(function(){
341
	var url = $("#mailAddress").val().split('@')[1];
342
        for (var j in hash){  
343
            if(hash[url]==undefined){
344
            	window.open("http://mail." + url);
345
        	}else{
346
           		window.open(hash[url]);	
347
        	}
348
        }  
349
	})
337 350
})

+ 23 - 7
regResult.html

@ -24,18 +24,18 @@
24 24
				<div class="waysBlock">
25 25
					<div class="loginWays">
26 26
						<!--注册成功-->
27
						<ul class="cmpAllUl cmpCoverUl">
27
						<ul class="cmpAllUl cmpCoverUl displayNone" id="success">
28 28
							<li class="successImg"></li>
29 29
							<li class="alignCenter">
30 30
								<p class="importTip">注册成功,快去登录吧!</p>
31 31
							</li>
32 32
							<!--验证激活成功-已登录时隐藏按钮-->
33 33
							<li>
34
								<a href="loginNew.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录</button></a>
34
								<a href="login.html"><button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录</button></a>
35 35
							</li>
36 36
						</ul>
37 37
						<!--邮箱链接失效-->
38
						<ul class="cmpAllUl cmpCoverUl displayNone">
38
						<ul class="cmpAllUl cmpCoverUl displayNone" id="fail">
39 39
							<li class="failImg"></li>
40 40
							<li class="alignCenter">
41 41
								<p class="importTip">很抱歉,当前的链接已失效</p>
@ -55,11 +55,27 @@
55 55
<script type="text/javascript"src="js/jquery.cookie.js"></script>
56 56
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
57 57
<script type="text/javascript" src="js/common.js"></script>
58
<script type="text/javascript">
59
	$(".loginWaySort").on("click","li",function(){
60
		$(this).addClass("liactive").siblings().removeClass("liactive");
61
		$(".loginWays ul").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
58
<script type="text/javascript">
59
	$(document).ready(function(){
60
		var oFlag=GetQueryString("sc");
61
		$.ajax("/ajax/regmail/" + oFlag, {
62
			type: "GET",
63
			async: true,
64
			success: function(data) {
65
				if(data.success) {
66
					$("#success").show();
67
				} else {
68
					$("#fail").show();
69
				}
70
			},
71
			error: function() {
72
				//$.MsgBox.Alert('消息提醒','邮箱注册失败')
73
				location.href = "bind-mail-no.html";
74
			},
75
			dataType: 'json'
76
		});
62 77
	})
78
	
63 79
</script>
64 80
</body>
65 81
</html>

+ 2 - 2
register.html

@ -91,12 +91,12 @@
91 91
				<ul class="cmpAllUl cmpCoverUl maliTo displayNone">
92 92
					<li class="alignCenter">
93 93
						<p class="importTip" style="margin:8px 0;">账户激活邮件已发送至:<br />
94
							<span class="mainColor">lixiaoyuan@ekeixu.com</span>
94
							<span class="mainColor" id="omaile"></span>
95 95
						</p>
96 96
						<p class="smalltip alignCenter">请您在10分钟内登录您的邮箱,接收邮件,<br />点击链接后即可激活账户。</p>
97 97
					</li>
98 98
					<li>
99
						<button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录邮箱</button>
99
						<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" id="loginMail">登录邮箱</button>
100 100
					</li>
101 101
				</ul>	
102 102
			</form>