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

新版 密码找回、注册

luyanan 7 years ago
parent
a2e775138b
commit
7ce6b509c3
2 changed files with 329 additions and 0 deletions
Split View Show Diff Stats
  1. 213 0
      pwdFindNew.html
  2. 116 0
      registerNew.html

+ 213 - 0
pwdFindNew.html
View File 

@ -0,0 +1,213 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
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">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
</head>
14 
<body class="covbodyBg">
15 
<div class="containerCon">
16 
	<a href="index.html" class="headlogo signLogo"></a>
17 
</div>
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 
				<ul class="loginWaySort">
25 
					<li class="col-w-6 liactive">通过邮箱找回</li>
26 
					<li class="col-w-6">通过手机找回</li>
27 
				</ul>
28 
				<div class="waysBlock">
29 
					<div class="loginWays">
30 
						<!--通过邮箱找回-->
31 
						<div class="waysThis">
32 
							<!--邮箱找回第一步-->
33 
							<ul class="cmpAllUl cmpCoverUl">
34 
								<li>
35 
									<ul class="form_head clearfix">
36 
										<li class="col-w-4 stepActive">
37 
											<span class="icon_step step1"></span>
38 
											输入邮箱
39 
										</li>
40 
										<li class="col-w-4">
41 
											<span class="icon_step step2"></span>
42 
											接收密码找回邮件
43 
										</li>
44 
										<li class="col-w-4">
45 
											<span class="icon_step step3"></span>
46 
											重置密码
47 
										</li>
48 
									</ul>
49 
								</li>
50 
								<li>
51 
									<input type="email" class="frmtype frmtypeW companyEmail" placeholder="请输入邮箱地址" />
52 
				    				<div class="frmmsg msgLog1"><span></span></div>
53 
								</li>
54 
								<li>
55 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" id="nxetseep" disabled>下一步</button>
56 
								</li>
57 
								<li>
58 
									<a href="loginNew.html" class="fontLink">又想起来了</a>
59 
								</li>
60 
							</ul>
61 
							<!--邮箱找回第二步-->
62 
							<ul class="cmpAllUl cmpCoverUl displayNone">
63 
								<li>
64 
									<ul class="form_head clearfix">
65 
										<li class="col-w-4 stepActive">
66 
											<span class="icon_step step1"></span>
67 
											输入邮箱
68 
										</li>
69 
										<li class="col-w-4 stepActive">
70 
											<span class="icon_step step2g"></span>
71 
											接收密码找回邮件
72 
										</li>
73 
										<li class="col-w-4">
74 
											<span class="icon_step step3"></span>
75 
											重置密码
76 
										</li>
77 
									</ul>
78 
								</li>
79 
								<li class="alignCenter">
80 
									<p class="importTip">密码找回邮件已发送至：<br />
81 
										<span class="mainColor" id="emailShow"></span>
82 
									</p>
83 
									<p class="smalltip">请您在10分钟内登录您的企业邮箱，接收邮件，<br />点击链接后即可重置密码。</p>
84 
								</li>
85 
								<li>
86 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" id="emailGo">登录邮箱</button>
87 
								</li>
88 
							</ul>
89 
							<!--邮箱找回第三步-->
90 
							<ul class="cmpAllUl cmpCoverUl unreset displayNone">
91 
								<li>
92 
									<ul class="form_head clearfix">
93 
										<li class="col-w-4 stepActive">
94 
											<span class="icon_step step1"></span>
95 
											输入邮箱
96 
										</li>
97 
										<li class="col-w-4 stepActive">
98 
											<span class="icon_step step2g"></span>
99 
											接收密码找回邮件
100 
										</li>
101 
										<li class="col-w-4 stepActive">
102 
											<span class="icon_step step3g"></span>
103 
											重置密码
104 
										</li>
105 
									</ul>
106 
								</li>
107 
								<li>
108 
									<input type="password" class="frmtype frmtypeW" placeholder="请设置您的新密码"  id="newPassword"/>
109 
				    				<div class="frmmsg msgReset1"><span></span></div>
110 
								</li>
111 
								<li>
112 
									<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" id="newPasswordok"/>
113 
				    				<div class="frmmsg msgReset2"><span></span></div>
114 
								</li>
115 
								<li>
116 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" disabled id="paswSubmit">重置密码</button>
117 
								</li>
118 
							</ul>
119 
							<!--邮箱链接失效-->
120 
							<ul class="cmpAllUl cmpCoverUl onreset displayNone">
121 
								<li class="failImg" style="margin-top:40px;" ></li>
122 
								<li class="alignCenter">
123 
									<p class="importTip">很抱歉，当前的链接已失效</p>
124 
									<p class="smalltip alignCenter" id="smalltip">小提醒：邮件内的链接有效时长为10分钟。</p>
125 
								</li>
126 
								<!--验证激活成功-已登录时隐藏按钮-->
127 
								<li>
128 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" id="butGo">重新找回密码</button>
129 
								</li>
130 
							</ul>
131 
						</div>
132
133 
						<!--通过手机找回-->
134 
						<div class="waysThis displayNone">
135 
							<!--手机找回第一步-->
136 
							<ul class="cmpAllUl cmpCoverUl">
137 
								<li>
138 
									<ul class="form_head clearfix">
139 
										<li class="col-w-6 stepActive">
140 
											<span class="icon_step step1"></span>
141 
											验证手机
142 
										</li>
143 
										<li class="col-w-6">
144 
											<span class="icon_step step2"></span>
145 
											重置密码
146 
										</li>
147 
									</ul>
148 
								</li>
149 
								<li>
150 
									<input type="phone" class="frmtype frmtypeW" placeholder="请输入手机号码"/>
151 
				    				<div class="frmmsg msgLog1"><span></span></div>
152 
								</li>
153 
								<li>
154 
									<div class="col-w-8">
155 
										<input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码" id="companysc"/>
156 
									    <div class="frmmsg msgCmp03"><span></span></div>
157 
								    </div>
158 
								    <div class="col-w-4">
159 
								    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode">获取验证码</button>
160 
								    </div>
161 
								</li>
162 
								<li>
163 
									<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">下一步</button>
164 
								</li>
165 
								<li>
166 
									<a href="loginNew.html" class="fontLink">又想起来了</a>
167 
								</li>
168 
							</ul>
169 
							<!--手机找回第二步-->
170 
							<ul class="cmpAllUl cmpCoverUl displayNone">
171 
								<li>
172 
									<ul class="form_head clearfix">
173 
										<li class="col-w-6 stepActive">
174 
											<span class="icon_step step1"></span>
175 
											验证手机
176 
										</li>
177 
										<li class="col-w-6 stepActive">
178 
											<span class="icon_step step2g"></span>
179 
											重置密码
180 
										</li>
181 
									</ul>
182 
								</li>
183 
								<li>
184 
									<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" />
185 
				    				<div class="frmmsg msgLog3"><span></span></div>
186 
								</li>
187 
								<li>
188 
									<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" />
189 
				    				<div class="frmmsg msgLog4"><span></span></div>
190 
								</li>
191 
								<li>
192 
									<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">重置密码</button>
193 
								</li>
194 
							</ul>
195 
						</div>
196 
					</div>
197 
				</div>
198
199 
			</form>
200 
		</div>
201 
	</div>
202 
</div>
203 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
204 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
205 
<script type="text/javascript" src="js/common.js"></script>
206 
<script type="text/javascript">
207 
	$(".loginWaySort").on("click","li",function(){
208 
		$(this).addClass("liactive").siblings().removeClass("liactive");
209 
		$(".loginWays .waysThis").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
210 
	})
211 
</script>
212 
</body>
213 
</html>

+ 116 - 0
registerNew.html
View File 

@ -0,0 +1,116 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
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">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
</head>
14 
<body class="covbodyBg">
15 
<div class="containerCon">
16 
	<a href="index.html" class="headlogo signLogo"></a>
17 
</div>
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 
				<ul class="loginWaySort">
25 
					<li class="col-w-6 liactive">手机注册</li>
26 
					<li class="col-w-6">邮箱注册</li>
27 
				</ul>
28 
				<div class="waysBlock">
29 
					<div class="loginWays">
30 
						<!--手机注册-->
31 
						<ul class="cmpAllUl cmpCoverUl">
32 
							<li>
33 
								<input type="phone" class="frmtype frmtypeW" placeholder="请输入手机号码"/>
34 
			    				<div class="frmmsg msgLog1"><span></span></div>
35 
							</li>
36 
							<li>
37 
								<div class="col-w-8">
38 
									<input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码" id="companysc"/>
39 
								    <div class="frmmsg msgCmp03"><span></span></div>
40 
							    </div>
41 
							    <div class="col-w-4">
42 
							    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode">获取验证码</button>
43 
							    </div>
44 
							</li>
45 
							<li>
46 
								<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" />
47 
			    				<div class="frmmsg msgLog3"><span></span></div>
48 
							</li>
49 
							<li>
50 
								<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" />
51 
			    				<div class="frmmsg msgLog4"><span></span></div>
52 
							</li>
53 
							<li>
54 
								<!--未选中状态c-sign-on_button_xuanze_nor.png-->
55 
								<img class="cmpAgree ifxuanze" src="images/c-sign-on_button_xuanze_hig.png" />
56 
								<span>我已阅读并同意<a class="mainColor" href="privacy.html">《科袖用户协议》</a></span>
57 
							</li>
58 
							<li>
59 
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">注册</button>
60 
							</li>
61 
						</ul>
62 
						<!--邮箱注册-->
63 
						<ul class="cmpAllUl cmpCoverUl displayNone">
64 
							<li>
65 
								<input type="email" class="frmtype frmtypeW" placeholder="请输入邮箱地址"/>
66 
			    				<div class="frmmsg msgLog1"><span></span></div>
67 
							</li>
68 
							<li>
69 
								<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" />
70 
			    				<div class="frmmsg msgLog3"><span></span></div>
71 
							</li>
72 
							<li>
73 
								<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" />
74 
			    				<div class="frmmsg msgLog4"><span></span></div>
75 
							</li>
76 
							<li>
77 
								<!--未选中状态c-sign-on_button_xuanze_nor.png-->
78 
								<img class="cmpAgree ifxuanze" src="images/c-sign-on_button_xuanze_hig.png" />
79 
								<span>我已阅读并同意<a class="mainColor" href="privacy.html">《科袖用户协议》</a></span>
80 
							</li>
81 
							<li>
82 
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">注册</button>
83 
							</li>
84 
						</ul>
85 
					</div>
86 
					<div class="clearfix" style="margin-top:-15px;">
87 
						<span class="floatR" style="color:#999">已有账号 <a href="loginNew.html" class="fontLink">立即登录</a></span>
88 
					</div>
89 
				</div>
90 
				<!--邮箱第二步-->
91 
				<ul class="cmpAllUl cmpCoverUl maliTo displayNone">
92 
					<li class="alignCenter">
93 
						<p class="importTip" style="margin:8px 0;">账户激活邮件已发送至：<br />
94 
							<span class="mainColor">lixiaoyuan@ekeixu.com</span>
95 
						</p>
96 
						<p class="smalltip alignCenter">请您在10分钟内登录您的邮箱，接收邮件，<br />点击链接后即可激活账户。</p>
97 
					</li>
98 
					<li>
99 
						<button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录邮箱</button>
100 
					</li>
101 
				</ul>
102 
			</form>
103 
		</div>
104 
	</div>
105 
</div>
106 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
107 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
108 
<script type="text/javascript" src="js/common.js"></script>
109 
<script type="text/javascript">
110 
	$(".loginWaySort").on("click","li",function(){
111 
		$(this).addClass("liactive").siblings().removeClass("liactive");
112 
		$(".loginWays ul").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
113 
	})
114 
</script>
115 
</body>
116 
</html>