首頁 探索 說明
註冊 登入
jiapeng
/
portal-front
關註 3
讚好 0
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 363 版本發佈 0 Wiki
瀏覽代碼

登陆,忘记密码,改版

xuchunyang 8 年之前
父節點
34cb7c8459
當前提交
833bd16dba
共有 17 個文件被更改，包括 567 次插入 和 863 次删除
分割檢視 顯示文件統計
  1. 77 0
      emaiFindPwdOk.html
  2. 1 0
      fillinfo-select.html
  3. 12 10
      js/common.js
  4. 76 0
      js/emaiFindPwdOk.js
  5. 0 76
      js/login-email-find01.js
  6. 0 43
      js/login-email-find02.js
  7. 0 106
      js/login-email-find03.js
  8. 0 138
      js/login-phone-find01.js
  9. 0 75
      js/login-phone-find02.js
  10. 361 0
      js/pwdFindNew.js
  11. 0 77
      login-email-find01.html
  12. 0 62
      login-email-find02.html
  13. 0 73
      login-email-find03.html
  14. 0 76
      login-phone-find01.html
  15. 0 68
      login-phone-find02.html
  16. 27 56
      pwdFindNew.html
  17. 13 3
      pwdResult.html

+ 77 - 0
emaiFindPwdOk.html
查看文件 

@ -0,0 +1,77 @@
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" id="gophone">通过手机找回</li>
27 
				</ul>
28 
				<div class="waysBlock">
29 
					<div class="loginWays">
30 
						<!--通过邮箱找回-->
31 
						<div class="waysThis">
32 
							<!--邮箱找回第三步-->
33 
							<ul class="cmpAllUl cmpCoverUl unreset">
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 stepActive">
41 
											<span class="icon_step step2g"></span>
42 
											接收密码找回邮件
43 
										</li>
44 
										<li class="col-w-4 stepActive">
45 
											<span class="icon_step step3g"></span>
46 
											重置密码
47 
										</li>
48 
									</ul>
49 
								</li>
50 
								<li>
51 
									<input type="password" class="frmtype frmtypeW" placeholder="请设置您的新密码"  id="newPassword" onBlur="passwordVal(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)"/>
52 
				    				<div class="frmmsg msgReset1"><span></span></div>
53 
								</li>
54 
								<li>
55 
									<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" id="newPasswordok" onBlur="passwordVal(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)"/>
56 
				    				<div class="frmmsg msgReset2"><span></span></div>
57 
								</li>
58 
								<li>
59 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" disabled id="paswSubmit" onclick="resetPassword(this)">重置密码</button>
60 
									<div class="frmmsg msgReset2"><span></span></div>
61 
								</li>
62 
							</ul>
63 
						</div>
64 
					</div>
65 
				</div>
66
67 
			</form>
68 
		</div>
69 
	</div>
70 
</div>
71 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
72 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
73 
<script type="text/javascript" src="js/common.js"></script>
74 
<script type="text/javascript" src="js/emaiFindPwdOk.js"></script>
75
76 
</body>
77 
</html>

+ 1 - 0
fillinfo-select.html
查看文件 

@ -98,6 +98,7 @@ $(function(){
98 98 
			"success":function(data){
99 99 
				console.log(data);
100 100 
				if(data.success){
101 
					$.cookie('authentication', authentication, {path: "/"});
101 102 
					location.href = "fillinfoNew.html";
102 103 
				}
103 104 
			},

+ 12 - 10
js/common.js
查看文件 

@ -140,16 +140,15 @@ function valUser(){
140 140 
function loginStatus(){
141 141 
	userid = $.cookie('userid');
142 142 
	userAuth = $.cookie('userAuth');
143 
	userName = $.cookie('userName');
144 
	if(userid == null && userName == null && userAuth == "false"){
145 
		$(".unlogin").show();
146 
		$(".onlogin").hide();
147 
	}else if(userid != null && userAuth == "false" && userName != null){
148 
		location.href="loginInviteFirst.html";
149 
	}else if(userid != null && userAuth == "true" && userName == ""){
150 
		location.href="fillinfo-select.html";
151 
	}else{
152 
		if (userid && userid != "null" && userid != null) {
143 
	authentication = $.cookie('authentication');
144 
	if(userid && userid != "null" && userid != null){
145 
		if(userAuth == "false" && authentication == "null"){
146 
			location.href="loginInviteFirst.html";
147 
		}
148 
		if(userAuth == "true" && authentication == "null"){
149 
			location.href="fillinfo-select.html";
150 
		}
151 
		if(userAuth == "true" && authentication != "null"){
153 152 
			$(".onlogin").show();
154 153 
			$(".unlogin").hide();
155 154 
	 		$(".portrait-p").attr("src","/images/head/"+userid+"_m.jpg");
 
@ -159,6 +158,9 @@ function loginStatus(){
159 158 
				$(".portrait-p").attr("src","/images/default-photo.jpg");
160 159 
			});
161 160 
		}
161 
	}else{
162 
		$(".unlogin").show();
163 
		$(".onlogin").hide();
162 164 
	}
163 165 
}
164 166

+ 76 - 0
js/emaiFindPwdOk.js
查看文件 

@ -0,0 +1,76 @@
1 
$(function() {
2 
	loginStatus(); //判断个人是否登录
3 
	$("#gophone").on("click",function(){
4 
		location.href = "pwdFindNew.html?slef=1";
5 
	})
6 
})
7
8 
var passwordPass = false;
9 
var passwordPass2 = false;
10
11 
/*校验密码找回按钮显示状态*/
12 
function checkLoginButtn(_this) {
13 
	var newPassword = $(_this).parents(".cmpCoverUl").find("#newPassword").val();
14 
	var newPasswordok = $(_this).parents(".cmpCoverUl").find("#newPasswordok").val();
15 
	if(newPassword == "" || newPasswordok == "") {
16 
		$(_this).parents(".cmpCoverUl").find("#paswSubmit").attr("disabled", true);
17 
	} else {
18 
		$(_this).parents(".cmpCoverUl").find("#paswSubmit").attr("disabled", false);
19 
	}
20 
}
21
22 
/*获取焦点*/
23 
function getFocus(_this) {
24 
	$(_this).next().find("span").text("");
25 
	$(_this).removeClass("frmmsg-warning");
26 
}
27
28 
//校验登录密码
29 
function passwordVal(_this) {
30 
	var passwd = $(_this).val();
31 
	var passwd2 = $("#newPassword").val();
32 
	if(passwd.length == "") {
33 
		$(_this).next().find("span").text("请设置您的登录密码");
34 
		$(_this).addClass("frmmsg-warning");
35 
	} else if(passwd.length < 6) {
36 
		$(_this).next().find("span").text("密码由6-24个字符组成，区分大小写");
37 
		$(_this).addClass("frmmsg-warning");
38 
	} else if(passwd != passwd2) {
39 
		$(_this).next().find("span").text("两次输入不一致，请重新输入");
40 
		$(_this).addClass("frmmsg-warning");
41 
	} else {
42 
		$(_this).next().find("span").text("");
43 
		$(_this).removeClass("frmmsg-warning");
44 
		passwordPass = true;
45 
	}
46 
}
47
48 
function resetPassword(_this) {
49 
	var mailCode = GetQueryString('sc');
50 
	var oldPassword = $("#newPasswordok").val();
51 
	if(passwordPass) {
52 
		$.ajax("/ajax/resetPasswordWith", {
53 
			type: "post",
54 
			success: function(data) {
55 
				console.log(data);
56 
				if(data.success) {
57 
					if(data.data == true) {
58 
						location.href = "pwdResult.html?num=1";
59 
					} else {
60 
						$(_this).next().find("span").text("重置密码失败");
61 
					}
62 
				} else {
63 
					location.href = "pwdResult.html?num=0";
64 
				}
65 
			},
66 
			error: function() {
67 
				$.MsgBox.Alert('消息', '服务器链接失败');
68 
			},
69 
			data: {
70 
				"state": mailCode,
71 
				"pw": oldPassword
72 
			},
73 
			dataType: 'json'
74 
		});
75 
	}
76 
}

+ 0 - 76
js/login-email-find01.js
查看文件 

@ -1,76 +0,0 @@
1 
loginStatus();//判断个人是否登录
2 
//	var _widht = document.documentElement.clientWidth;  //屏幕宽
3 
	var _height = document.documentElement.clientHeight; //屏幕高
4 
//	var boxWidth = $(".email-find1").width();
5 
	var boxHeight = $(".email-find1").height();
6 
	$(".email-find1").css({ top: (_height - boxHeight) / 2 +"px" });
7
8
9 
	var isPass = false;
10 
	function valEmail() {
11 
		var email=$("#email").val();
12 
		if(email.length==0){
13 
			$(".msg1").text("请输入您的邮箱地址");
14 
		}else{
15 
			var hun=/\s+/;
16 
			if(hun.test(email.trim())){
17 
				$(".msg1").text("请输入");
18 
			}else{
19 
				//var gunf=/^\w+@\w+\.((cn)|(com)|(com\.cn))$/;
20 
				var gunf= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
21 
				if(gunf.test(email.trim())){
22 
					isPass=true;
23 
					$(".msg1").text("");
24 
					userRegisterOk();
25 
				}else{
26 
					$(".msg1").text("输入的Email格式不对");
27 
				}
28 
			}
29 
		}
30 
	}
31 
	function findBack(){
32 
		valEmail();
33 
		if(isPass){
34 
		$.ajax("/ajax/reqRpWithEmail",{
35 
				type:"GET",
36 
				 async: false,
37 
				success:function(data){
38
39 
					if(data.success){
40 
						if(data.data){
41 
							location.href="login-email-find02.html?email="+$("#email").val();
42 
						}else{
43 
							$(".msg2").text("发送重置密码失败!");
44 
						}
45 
					}else{
46 
						$(".msg2").text("系统异常!");
47 
						// alert("系统异常!");
48 
					}
49 
				},
50 
				error:function(){$.MsgBox.Alert('message','fail')},
51 
				data:{"mail":$("#email").val()},
52 
				dataType: 'json'
53 
			});
54 
		}
55 
	}
56
57 
	//判断账号是否注册
58 
	function userRegisterOk(){
59 
		var loginName= $("#email").val();
60 
		//console.log(loginName);
61 
		$.ajax("/ajax/isReg?key="+loginName,{
62 
			type:"GET",
63 
			async: true,
64 
			success:function($data){
65 
				//console.log($data);
66 
			    if($data.data==true){
67 
			    	 $(".msg2").text("该邮箱地址未绑定科袖账户");
68 
			    	 return false;
69 
			    }
70 
			},
71 
			error:function(){
72 
				$.MsgBox.Alert('消息','服务器请求失败')},
73 
			}
74 
		);
75 
	}
76

+ 0 - 43
js/login-email-find02.js
查看文件 

@ -1,43 +0,0 @@
1 
loginStatus();//判断个人是否登录
2 
/**
3 
 * 邮箱找密码第二步
4 
 */
5 
$(function (){
6 
	//var _widht = document.documentElement.clientWidth;  //屏幕宽
7 
	var _height = document.documentElement.clientHeight; //屏幕高
8 
	//var boxWidth = $(".email-find2").width();
9 
	var boxHeight = $(".email-find2").height();
10 
	$(".email-find2").css({ top: (_height - boxHeight) / 2 +"px"});
11
12 
	$("#email").text(GetQueryString("email"));
13 
    $("#emailGo").on("click", function(){
14 
		 var url = GetQueryString("email").split('@')[1];
15 
        for (var j in hash){
16 
            if(hash[url]==undefined){
17 
        		location.href="http://mail." + url;
18 
        	}else{
19 
        	 	$(this).attr("href", hash[url]);
20 
           		location.href=hash[url];
21 
        	}
22 
        }
23 
	});
24
25 
	//邮箱发验证码链接，校验是否正确
26 
	function sendPassword(){
27 
		$.ajax("/ajax/validMailState",{
28 
			type:"GET",
29 
			async: false,
30 
			success:function(data){
31 
				$.cookie('mailVal',mailVal);
32 
				$.cookie('userId',data.data);
33 
			    location.href="bind-mail.html";
34 
			},
35 
			error:function(){
36 
				$.MsgBox.Alert('消息','邮箱发送失败')
37 
			},
38 
			data:{"mail":mailVal,"password":passwordVal},
39 
		 	dataType: 'json'}
40 
		);
41 
	}
42
43 
});

+ 0 - 106
js/login-email-find03.js
查看文件 

@ -1,106 +0,0 @@
1 
loginStatus();//判断个人是否登录
2 
/**
3 
 * 邮箱找回密码第三步
4 
 */
5 
$(function (){
6
7 
	//var _widht = document.documentElement.clientWidth;  //屏幕宽
8 
	var _height = document.documentElement.clientHeight; //屏幕高
9 
	//var boxWidth = $(".email-find3").width();
10 
	var boxHeight = $(".email-find3").height();
11 
	$(".email-find3").css({top: (_height - boxHeight) / 2 +"px"});
12
13 
	//输入密码及确认密码获取
14 
	var oldPass = false;
15 
	var isPass = false;
16 
	//校验第一个密码
17 
	$("#mail_password").blur(function(){
18 
		valOld();
19 
	})
20
21 
	//校验确认密码
22 
	$("#mail_password1").blur(function(){
23 
		valNew();
24 
	})
25
26 
	//提交重置密码
27 
	$("#reset_password").click(function(){
28 
		resetPassword();
29 
	});
30
31 
});
32
33
34 
function valOld()
35 
{
36 
	var newPassword = $("#mail_password").val();
37 
	if(newPassword.length==0)
38 
	{
39 
		$(".msg1 span").text("密码不能为空");
40 
		oldPass = false;
41 
	}else if(newPassword.length < 6)
42 
	{
43 
		$(".msg1 span").text("密码不少于6位，请输入正确的密码");
44 
	}else
45 
	{
46 
		$(".msg1 span").text("");
47 
		oldPass = true;
48 
	}
49 
}
50
51 
function valNew()
52 
{
53 
	var newPassword = $("#mail_password").val();
54 
	var oldPassword = $("#mail_password1").val();
55 
	if(oldPassword.length==0)
56 
	{
57 
		 $(".msg2 span").text("密码不能为空");
58 
	}
59 
	else if(oldPassword.length<6)
60 
	{
61 
		$(".msg2 span").text("密码长度过短,至少六位");
62 
	}else if(oldPassword != newPassword)
63 
	{
64 
		$(".msg2 span").text("两次密码不一致");
65 
	} else
66 
	{
67 
		isPass = true;
68 
		$(".msg2 span").text("");
69 
	}
70 
}
71
72
73
74 
function resetPassword()
75 
{
76 
	valOld();
77 
	valNew();
78 
	var mailCode = GetQueryString('sc');
79 
	var oldPassword = $("#mail_password1").val();
80 
	$.ajax("/ajax/resetPasswordWith",{
81 
			type:"post",
82 
			success:function(data){
83 
			   // console.log(data);
84 
				if(data.success){
85 
					if(data.data == true){
86 
						$.MsgBox.Alert("消息","密码重置成功,3秒后自动调转登录页面!");
87 
						$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
88 
						 window.setTimeout(function(){
89 
		                     location.href="login.html";
90 
		                 }, 3000);
91 
					}else{
92 
						$(".msg3").text("设置失败,验证码超时");
93 
					}
94 
				}else{
95 
					$(".msg2").text("系统异常!");
96 
				}
97 
			},
98 
			error:function(){
99 
				$.MsgBox.Alert('消息','服务器链接失败')
100 
			},
101 
			data:{"state":mailCode,"pw":oldPassword},
102 
		 	dataType: 'json'}
103 
  );
104 
}
105
106

+ 0 - 138
js/login-phone-find01.js
查看文件 

@ -1,138 +0,0 @@
1 
loginStatus();//判断个人是否登录
2 
//$(function(){
3 
//	var _widht = document.documentElement.clientWidth;  //屏幕宽
4 
	var _height = document.documentElement.clientHeight; //屏幕高
5 
//	var boxWidth = $(".phone-find1").width();
6 
	var boxHeight = $(".phone-find1").height();
7 
	$(".phone-find1").css({ top: (_height - boxHeight) / 2 +"px"});
8 
//
9 
//
10 
//	});
11 
	var phonePass = false;
12 
	function valPhone(){
13 
		var phoneVal = $("#phone").val();
14 
		if(phoneVal.length == 0){
15 
	        $(".msg1").text("请输入您的手机号码");
16 
	    }else{
17 
        	var hunPhone=/^1[3|4|5|7|8]\d{9}$/;
18 
			if(hunPhone.test(phoneVal.trim())){
19 
				$(".msg1").text("");
20 
				phonePass = true;
21 
			}else{
22 
				phonePass = false;
23 
				$(".msg1").text("手机格式正确,请输入正确的手机号码");
24 
			}
25 
	    }
26 
	}
27 
	var phoneState;
28 
	function sendPhoneCode(){
29 
		valPhone();
30 
		if(phonePass == true){
31 
			$.ajax("/ajax/vcWithRP",{
32 
					type:"GET",
33 
					 async: false,
34 
					success:function(data){
35 
						if(data.success){
36 
							if(data.data == null){
37 
								$(".msg2").text("验证码发送失败,请确认手机号码正确!");
38 
							}else{
39 
								phoneState = data.data;
40 
								userRegisterOk();
41 
							}
42 
						}else{
43
44 
							$(".msg2").text("服务器链接超时!");
45 
							// alert("系统异常!");
46 
						}
47 
					},
48 
					error:function(){$.MsgBox.Alert('message','fail')},
49 
					data:{"mobilePhone":$("#phone").val()},
50 
				 	dataType: 'json'
51 
				});
52 
		}
53 
	}
54
55 
	//
56 
	function doClick(){
57 
		$('.gain').hide();
58 
	    $('.gainon').show();
59 
	    var clickTime = new Date().getTime();
60 
	    var Timer = setInterval(function(){
61 
	        var nowTime = new Date().getTime();
62 
	        var second  = Math.ceil(60-(nowTime-clickTime)/1000);
63 
	        if(second>0){
64 
	        	$('.gainon').val(second+"s后重新获取");
65 
	        }else{
66 
	            clearInterval(Timer);
67 
	            $('.gain').show();
68 
	    	    $('.gainon').hide();
69 
	        }
70 
	    },1000);
71 
	}
72
73
74 
	//校验手机验证码
75 
	var codePass = false;
76 
	function valCode(){
77 
		var phoneCode = $("#phoneCode").val();
78 
		if(phoneCode.length==0){
79 
	        $(".msg2").text("请输入验证码");
80 
	    }else{
81 
		    if(!isNaN(phoneCode)){
82 
				codePass = true;
83 
				 $(".msg2").text("");
84 
			}else{
85 
				codePass=false;
86 
				 $(".msg2").text("请填写数字");
87 
			}
88 
	    }
89 
	}
90
91 
	function submitCodeVal(){
92 
		valPhone();
93 
		valCode();
94 
		if(phonePass == true && codePass == true){
95 
			$.ajax("/ajax/validCode",{
96 
					type:"POST",
97 
					 async: false,
98 
					success:function(data){
99 
						if(data.success){
100 
							if(data.data == true){
101 
								location.href="login-phone-find02.html?mobilePhone="+$("#phone").val()+"&vc="+$("#phoneCode").val()+"&state="+phoneState;
102 
							}
103 
						}else{
104 
							$(".msg3").text("验证码错误");
105 
						}
106 
					},
107 
					error:function(){$.MsgBox.Alert('message','fail')},
108 
					data:{"vc":$("#phoneCode").val(),"state":phoneState},
109 
				 	dataType: 'json'
110 
				});
111 
		}
112 
	}
113
114 
	//判断账号是否注册
115 
	function userRegisterOk(){
116 
		var loginName= $("#phone").val();
117 
		//console.log(loginName);
118 
		$.ajax("/ajax/isReg?key="+loginName,{
119 
			type:"GET",
120 
			async: true,
121 
			success:function($data){
122 
				//console.log($data);
123 
			    if($data.data==true){
124 
			    	 $(".msg1").text("该手机号码未绑定科袖账户");
125 
			    	 return false;
126 
			    }else{
127 
			    	$.MsgBox.Alert("消息","发送成功,请查看手机验证码!");
128 
			    	$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
129 
					$(".msg2").text("");
130 
			    	doClick();
131 
			    }
132 
			},
133 
			error:function(){
134 
				$.MsgBox.Alert('消息','服务器链接超时')},
135 
			}
136 
		);
137 
	}
138

+ 0 - 75
js/login-phone-find02.js
查看文件 

@ -1,75 +0,0 @@
1 
$(function (){
2 
	loginStatus();//判断个人是否登录
3 
//	var _widht = document.documentElement.clientWidth;  //屏幕宽
4 
	var _height = document.documentElement.clientHeight; //屏幕高
5 
//	var boxWidth = $(".phone-find2").width();
6 
	var boxHeight = $(".phone-find2").height();
7 
	$(".phone-find2").css({ top: (_height - boxHeight) / 2 +"px"});
8
9 
		var vc = GetQueryString("vc");
10 
		var state = GetQueryString("state");
11 
		var mobilePhone = GetQueryString("mobilePhone");
12 
		var isPass = false;
13 
		if(mobilePhone.length != 11 || vc.length != 4 ){
14 
			location.href="login.html";
15 
		}
16 
		var valPassword = function (){
17 
			var password = $("#password").val();
18 
			if(password.length==0){
19 
				 $(".msg1").text("密码不能为空");
20 
			}else if(password.length<6){
21 
				$(".msg1").text("密码长度过短,至少六位");
22 
			}else{
23 
				$(".msg1").text("");
24 
			}
25 
		}
26
27 
		var valPassword2 = function (){
28 
			var password = $("#password").val();
29 
			var password2 = $("#password2").val();
30 
			if(password2.length==0){
31 
				 $(".msg2").text("密码不能为空");
32 
			}else if(password2 != password){
33 
				 $(".msg2").text("两次输入密码不一致");
34 
			}else{
35 
				isPass = true;
36 
				 $(".msg2").text("");
37 
			}
38 
		}
39 
		$("#password").blur(function (){
40 
			valPassword();
41 
		});
42 
		$("#password2").blur(function (){
43 
			valPassword2();
44 
		});
45
46 
		$("#resetPw").click(function (){
47 
			valPassword();
48 
			valPassword2();
49 
			if(isPass == true){
50 
				$.ajax("/ajax/resetPasswordWithMobilePhone",{
51 
					type:"POST",
52 
					 async: false,
53 
					success:function(data){
54 
						if(data.success){
55 
							if(data.data == true){
56 
								$.MsgBox.Alert("消息","密码重置成功,3秒后自动调转登录页面!");
57 
								$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
58 
								 window.setTimeout(function(){
59 
				                     location.href="login.html";
60 
				                 }, 3000);
61 
							}else{
62 
								$(".msg3").text("设置失败,验证码超时");
63 
							}
64 
						}else{
65 
							$(".msg2").text("服务器链接超时!");
66 
							// alert("系统异常!");
67 
						}
68 
					},
69 
					error:function(){$.MsgBox.Alert('message','fail')},
70 
					data:{"vc":vc,"state":state,"mobilePhone":mobilePhone,"pw":$("#password2").val()},
71 
				 	dataType: 'json'
72 
				});
73 
			}
74 
		});
75 
	});

+ 361 - 0
js/pwdFindNew.js
查看文件 

@ -0,0 +1,361 @@
1 
$(function() {
2 
	loginStatus();//判断个人是否登录
3 
	var slef = GetQueryString("slef");
4 
	if(slef==1){
5 
		$("#gophone").addClass("liactive").prev().removeClass("liactive");
6 
		$(".emailmain").addClass("displayNone");
7 
		$(".phonemain").removeClass("displayNone");
8 
	}
9 
	$(".loginWaySort").on("click", "li", function() {
10 
		$(this).parents("#container").find("input").val("");
11 
		$(this).parents("#container").find(".frmmsg span").text("");
12 
		$(this).parents("#container").find("input").removeClass("frmmsg-warning");
13 
		$(this).parents("#container").find(".loginSubmit").attr("disabled", true);
14 
		$("#getcode").attr("disabled", true);
15 
		$(this).addClass("liactive").siblings().removeClass("liactive");
16 
		$(".loginWays .waysThis").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
17 
	})
18
19 
})
20 
var isEmail = false;
21 
var passwordPass = false;
22 
var codePass = false;
23 
var verification = false;
24 
var namePass = false;
25
26 
/*校验通过邮箱找回点击下一步*/
27 
function checkEmailButtn(_this) {
28 
	var email = $(_this).parents(".cmpCoverUl").find("#email").val();
29 
	if(email == "") {
30 
		$(_this).parents(".cmpCoverUl").find(".loginSubmit").attr("disabled", true);
31 
	} else {
32 
		$(_this).parents(".cmpCoverUl").find(".loginSubmit").attr("disabled", false);
33 
	}
34 
}
35
36 
/*校验登录按钮显示状态*/
37 
function checkLoginButtn(_this) {
38 
	var username = $(_this).parents(".cmpCoverUl").find(".username").val();
39 
	var companysc = $(_this).parents(".cmpCoverUl").find(".companysc").val();
40 
	if(username == "" || companysc == "") {
41 
		$(_this).parents(".cmpCoverUl").find(".loginSubmit").attr("disabled", true);
42 
	} else {
43 
		$(_this).parents(".cmpCoverUl").find(".loginSubmit").attr("disabled", false);
44 
	}
45 
}
46 
/*获取焦点*/
47 
function getFocus(_this) {
48 
	$(_this).next().find("span").text("");
49 
	$(_this).removeClass("frmmsg-warning");
50 
}
51
52 
//校验邮箱账户
53 
function emailVal(_this) {
54 
	var loginName = $(_this).val();
55 
	var gunf = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
56 
	if(loginName.length == "") {
57 
		$(_this).next().find("span").text("请输入您的邮箱地址");
58 
		$(_this).addClass("frmmsg-warning");
59 
	} else if(gunf.test(loginName.trim())) {
60 
		userRegisterOk(_this);
61 
		$(_this).next().find("span").text("");
62 
		$(_this).removeClass("frmmsg-warning");
63 
		isEmail = true;
64 
	}else {
65 
		$(_this).next().find("span").text("请输入正确的邮箱地址");
66 
		$(_this).addClass("frmmsg-warning");
67 
	}
68 
}
69
70 
//校验登录手机账户
71 
function phoneVal(_this) {
72 
	var loginName = $(_this).val();
73 
	var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
74 
	if(loginName.length == "") {
75 
		$(_this).next().find("span").text("请输入您的手机号码");
76 
		$(_this).addClass("frmmsg-warning");
77 
	} else if(hunPhone.test(loginName.trim())) {
78 
		userRegisterOk(_this);
79 
		$(_this).next().find("span").text("");
80 
		$(_this).removeClass("frmmsg-warning");
81 
		namePass = true;
82 
	} else {
83 
		$(_this).next().find("span").text("请输入正确的手机号码");
84 
		$(_this).addClass("frmmsg-warning");
85 
		$("#getcode").attr("disabled", true);
86 
	}
87 
}
88
89 
//判断账号是否注册
90 
function userRegisterOk(_this) {
91 
	var loginName = $(_this).val();
92 
	$.ajax("/ajax/isReg?key=" + loginName, {
93 
		type: "GET",
94 
		async: true,
95 
		success: function($data) {
96 
			if($data.data == true) {
97 
				$(_this).next().find("span").text("该账号不存在，请检查后重试");
98 
				$(_this).addClass("frmmsg-warning");
99 
			} else {
100 
				$(_this).next().find("span").text("");
101 
				$(_this).removeClass("frmmsg-warning");
102 
				$("#getcode").attr("disabled", false);
103 
			}
104 
		},
105 
		error: function() {
106 
			$.MsgBox.Alert('消息', '服务器请求失败')
107 
		},
108 
	});
109 
}
110
111 
//校验登录密码
112 
function passwordVal(_this) {
113 
	var passwd = $(_this).val();
114 
	var passwd2 = $("#newPassword").val();
115 
	if(passwd.length == "") {
116 
		$(_this).next().find("span").text("请设置您的登录密码");
117 
		$(_this).addClass("frmmsg-warning");
118 
	} else if(passwd.length < 6) {
119 
		$(_this).next().find("span").text("密码由6-24个字符组成，区分大小写");
120 
		$(_this).addClass("frmmsg-warning");
121 
	} else if(passwd != passwd2) {
122 
		$(_this).next().find("span").text("两次输入不一致，请重新输入");
123 
		$(_this).addClass("frmmsg-warning");
124 
	} else {
125 
		$(_this).next().find("span").text("");
126 
		$(_this).removeClass("frmmsg-warning");
127 
		passwordPass = true;
128 
	}
129 
}
130
131 
//验证短信验证码
132 
function codeVerification(_this) {
133 
	var code = $(_this).val();
134 
	var reg = /^\d{4}$/;
135 
	if(code.length == "") {
136 
		$(_this).next().find("span").text("请输入您收到的短信验证码");
137 
		$(_this).addClass("frmmsg-warning");
138 
	} else if(!reg.test(code)) {
139 
		$(_this).next().find("span").text("验证码为4位数字");
140 
		$(_this).addClass("frmmsg-warning");
141 
	} else {
142 
		$(_this).next().find("span").text("");
143 
		$(_this).removeClass("frmmsg-warning");
144 
		verification = true;
145 
	}
146 
}
147
148 
//手机发送验证码
149 
function phoneSend(_this) {
150 
	doClick(_this);
151 
	phoneVerificationCode(_this);
152 
}
153
154 
function doClick(_this) {
155 
	$(_this).attr("disabled", true);
156 
	$(_this).text("60s后重新获取");
157 
	var clickTime = new Date().getTime();
158 
	var Timer = setInterval(function() {
159 
		var nowTime = new Date().getTime();
160 
		var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
161 
		if(second > 0) {
162 
			$(_this).text(second + "s后重新获取");
163 
		} else {
164 
			clearInterval(Timer);
165 
			$(_this).text("获取验证码");
166 
			$(_this).attr("disabled", false);
167 
		}
168 
	}, 1000);
169 
}
170
171 
//手机发送验证码结束
172 
var state;
173
174 
function phoneVerificationCode(_this) {
175 
	var lp_phone = $(_this).parents(".cmpCoverUl").find(".username").val();
176 
	$.ajax("/ajax/sendMobileForLogin", {
177 
		type: "get",
178 
		dataType: 'json',
179 
		data: {
180 
			"mobilePhone": lp_phone
181 
		},
182 
		async: true,
183 
		success: function(data) {
184 
			console.log(JSON.stringify(data))
185 
			if(data.success) {
186 
				state = data.data;
187 
			}
188 
		},
189 
		error: function() {
190 
			$.MsgBox.Alert('消息', '服务器请求失败')
191 
		}
192 
	});
193 
};
194
195 
//验证邀请码
196 
function codeVal(_this) {
197 
	var code = $(_this).val();
198 
	var reg = /^\d{6}$/;
199 
	if(code.length == "") {
200 
		$(_this).next().find("span").text("请输入您收到的邀请码");
201 
		$(_this).addClass("frmmsg-warning");
202 
	} else if(!reg.test(code)) {
203 
		$(_this).next().find("span").text("邀请码为6位数字");
204 
		$(_this).addClass("frmmsg-warning");
205 
	} else {
206 
		$(_this).next().find("span").text("");
207 
		$(_this).removeClass("frmmsg-warning");
208 
		codePass = true;
209 
	}
210 
}
211
212 
//判断用户第一次登录，是否填写了个人信息
213 
function firstLogin() {
214 
	var professorId = $.cookie('userid');
215 
	$.ajax({
216 
		"url": "ajax/professor/" + professorId,
217 
		"type": "get",
218 
		"async": false,
219 
		"success": function(data) {
220 
			if(data.success) {
221 
				if(data.data.authentication != undefined || data.data.authentication != null){
222 
					window.history.back();
223 
				}else{
224 
					location.href = "fillinfo-select.html?id=" + professorId;
225 
				}
226 
			}
227 
		},
228 
		"error": function() {
229 
			$.MsgBox.Alert('消息', '服务器请求失败')
230 
		}
231 
	})
232 
}
233
234 
//手机验证码登录
235 
function VerificationLogin(_this) {
236 
	var loginName = $(_this).parents(".cmpCoverUl").find(".username");
237 
	var code = $(_this).parents(".cmpCoverUl").find(".passwd");
238 
	if(namePass && verification) {
239 
		$.ajax("/ajax/mobileLogin", {
240 
			type: "POST",
241 
			dataType: 'json',
242 
			data: {
243 
				"state": state,
244 
				"mobilePhone": loginName.val(),
245 
				"validateCode": code.val()
246 
			},
247 
			async: false,
248 
			success: function(data) {
249 
				console.log(data)
250 
				if(data.success) {
251 
					if(data.data != "null" && data.data != null) {
252 
						submitCodeVal();
253 
					}
254 
				} else {
255 
					if(data.code == -1) {
256 
						$(_this).parents(".cmpCoverUl").find(".msgCmp03 span").text("验证超时");
257 
					} else if(data.code == -3 || data.code == 0) {
258 
						$(_this).parents(".cmpCoverUl").find(".msgCmp03 span").text("验证码错误，请检查后重试");
259 
					}
260 
				}
261 
			},
262 
			error: function() {
263 
				$.MsgBox.Alert('消息', '服务器请求失败');
264 
			},
265 
		});
266 
	}
267 
}
268
269 
//手机找回密码提交发送
270 
function submitCodeVal(_this){
271 
	if(namePass && verification){
272 
		$.ajax("/ajax/validCode",{
273 
			type:"POST",
274 
			async: false,
275 
			success:function(data){
276 
				if(data.success){
277 
					if(data.data == true){
278 
						$(".phoneTwo").removeClass("displayNone");
279 
						$(".phoneOne").addClass("displayNone");
280 
						$("#pstate").val(state);
281 
						$("#pmobilePhone").val($(".username").val());
282 
						$("#pvc").val($("#companysc").val());
283 
					}else{
284 
						$(_this).parents(".cmpCoverUl").find(".msgCmp03 span").text("验证码错误，请检查后重试");
285 
					}
286 
				}else{
287 
					$(_this).parents(".cmpCoverUl").find(".msgCmp03 span").text("验证超时");
288 
				}
289 
			},
290 
			error:function(){$.MsgBox.Alert('消息', '服务器请求失败');},
291 
			data:{"vc":$("#companysc").val(),"state":state},
292 
		 	dataType: 'json'
293 
		});
294 
	}
295 
}
296
297 
//邮箱发送
298 
function findBack(){
299 
	if(isEmail){
300 
		$.ajax("/ajax/reqRpWithEmail",{
301 
			type:"GET",
302 
			async: false,
303 
			success:function(data){
304 
				if(data.success){
305 
					$(".emailOne").addClass("displayNone");
306 
					$(".emailTow").removeClass("displayNone");
307 
					$("#emailShow").text($("#email").val());
308 
				}
309 
			},
310 
			error:function(){$.MsgBox.Alert('消息', '服务器请求失败')},
311 
			data:{"mail":$("#email").val()},
312 
			dataType: 'json'
313 
		});
314 
	}
315 
}
316
317 
function findphone(_this){
318 
	if(passwordPass){
319 
		$.ajax("/ajax/resetPasswordWithMobilePhone",{
320 
				type:"POST",
321 
				async: false,
322 
				success:function(data){
323 
					console.log(data)
324 
					if(data.success){
325 
						if(data.data == true){
326 
							location.href = "pwdResult.html?num=1";
327 
						}else{
328 
							$(_this).parents(".cmpCoverUl").find(".msgCmp4 span").text("验证码错误，请检查后重试");
329 
						}
330 
					}else{
331 
						$(_this).parents(".cmpCoverUl").find(".msgCmp4 span").text("验证超时");
332 
						al
333 
					}
334 
				},
335 
				error:function(){$.MsgBox.Alert('消息', '服务器请求失败')},
336 
				data:{"vc":$("#pvc").val(),"state":$("#pstate").val(),"mobilePhone":$("#pmobilePhone").val(),"pw":$("#newPasswordok").val()},
337 
			 	dataType: 'json'
338 
		});
339 
	}
340 
}
341
342 
//提交登录
343 
function backPassword(_this, num) {
344 
	if(num == 1) {
345 
		findBack()
346 
	} else if(num == 2) {
347 
		var url = $("#emailShow").text().split('@')[1];
348 
        for (var j in hash){
349 
            if(hash[url]==undefined){
350 
        		location.href="http://mail." + url;
351 
        	}else{
352 
        	 	$(_this).attr("href", hash[url]);
353 
           		location.href=hash[url];
354 
        	}
355 
        }
356 
	} else if(num == 3) {
357 
		submitCodeVal(_this);
358 
	}else if(num==4){
359 
		findphone(_this);
360 
	}
361 
}

+ 0 - 77
login-email-find01.html
查看文件 

@ -1,77 +0,0 @@
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 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 
<style type="text/css">
16 
#header{ width:100%; height:50%; background:#E28D30; }
17 
#footer{ width:100%; height:50%; background:#E8E8E8;}
18 
</style>
19 
</head>
20
21 
<body>
22
23 
<div class="coverbox">
24 
		<!--邮箱找回密码01!-->
25 
		<div class="email-find1" id="Suspensionbox">
26 
			<div class="login-title">
27 
			 <a href="login-phone-find01.html">通过手机找回<span class="back"></span></a>
28 
			</div>
29 
			<div class="logo-find">
30 
				<a href="index.html"><img src="images/logo.png"></a>
31 
			</div>
32 
			<div class="email-steps">
33 
			<div class="line2"></div>
34 
			<div class="line3"></div>
35 
				<div class="steps1">
36 
					<span class="step01"></span>
37 
					输入邮箱地址
38 
				</div>
39 
				<div class="E-steps2">
40 
					<span class="E-step02"></span>
41 
					验证邮箱
42 
				</div>
43 
				<div class="steps3">
44 
					<span class="step03"></span>
45 
					重置密码
46 
				</div>
47
48 
			</div>
49 
			<div class="login-input">
50 
			<form  name="f1" action="login-email-find02.html" method="post">
51 
                <div class="frmbox">
52 
                    <input class="inputtxt" type="text" placeholder="请输入您的邮箱地址" id="email" name="uname" onBlur="valEmail()">
53 
                    <div class="msg msg1" ><span></span></div>
54 
                    <!--<div class="codebox">
55 
                    <input type="text" placeholder="请输入验证码" class="code">
56 
                    <div class="code-pic"></div><span class="note">看不清？换一换</span>
57 
                    </div>
58 
                    <div class="msg" ><span></span></div>-->
59 
                    <input type="button" value="找回密码" class="inputtxt submitBtn" onClick="findBack()" >
60 
					<div class="msg msg2" ><span></span></div>
61 
				</div>
62 
			</form>
63
64 
			</div>
65 
		</div>
66 
</div>
67
68 
<div id="header"></div>
69 
<div id="footer"></div>
70
71 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
72 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
73 
<script type="text/javascript" src="js/common.js"></script>
74 
<script type="text/javascript"src="js/login-email-find01.js"></script>
75
76 
</body>
77 
</html>

+ 0 - 62
login-email-find02.html
查看文件 

@ -1,62 +0,0 @@
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 rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link rel="stylesheet" href="css/reset.css" />
10 
<link type="text/css" href="css/login.css" rel="stylesheet">
11 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
12 
<style type="text/css">
13 
#header{ width:100%; height:50%; background:#E28D30; }
14 
#footer{ width:100%; height:50%; background:#E8E8E8;}
15 
</style>
16 
</head>
17
18 
<body>
19
20 
<div class="coverbox">
21 
		<!--邮箱找回密码02-->
22 
		<div class="email-find2" id="Suspensionbox">
23 
			<div class="login-title">
24 
			  <a href="login-phone-find01.html">通过手机号找回<span class="back"></span></a>
25 
			</div>
26 
				<div class="logo-find">
27 
				<a href="index.html"><img src="images/logo.png"></a>
28 
			</div>
29 
			<div class="email-steps">
30 
			<div class="line2"></div>
31 
			<div class="line3"></div>
32 
				<div class="steps1">
33 
					<span class="step01"></span>
34 
					输入邮箱地址
35 
				</div>
36 
				<div class="E-steps2-2">
37 
					<span class="E-step02-2"></span>
38 
					验证邮箱
39 
				</div>
40 
				<div class="steps3">
41 
					<span class="step03"></span>
42 
					重置密码
43 
				</div>
44
45 
			</div>
46 
				<div class="welcome">密码重置邮件已发送至您的邮箱：<br><span class="professor" id="email">183****0528@163.com</span></div>
47 
				<div class="remind">请在10分钟内登录您的邮箱接收邮件，<br>点击链接后即可重置密码</div>
48 
				<div class="password-input">
49 
					<input type="button" value="登录邮箱并查看" class="inputtxt submitBtn" id="emailGo">
50 
				</div>
51
52 
		</div>
53 
</div>
54 
<div id="header"></div>
55 
<div id="footer"></div>
56
57 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
58 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
59 
<script type="text/javascript" src="js/common.js"></script>
60 
<script type="text/javascript" src="js/login-email-find02.js"></script>
61 
</body>
62 
</html>

+ 0 - 73
login-email-find03.html
查看文件 

@ -1,73 +0,0 @@
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 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 
<style type="text/css">
16 
#header{ width:100%; height:50%; background:#E28D30; }
17 
#footer{ width:100%; height:50%; background:#E8E8E8;}
18 
</style>
19 
</head>
20
21 
<body>
22
23 
<div class="coverbox">
24 
		<!--邮箱找回密码03!-->
25 
		<div class="email-find3" id="Suspensionbox">
26 
			<div class="login-title">
27 
			  <a href="login-phone-find01.html">通过手机号找回<span class="back"></span></a>
28 
			</div>
29 
			<div class="logo-find">
30 
				<a href="index.html"><img src="images/logo.png"></a>
31 
			</div>
32 
			<div class="email-steps">
33 
			<div class="line2"></div>
34 
			<div class="line3"></div>
35 
				<div class="steps1">
36 
					<span class="step01"></span>
37 
					输入邮箱地址
38 
				</div>
39 
				<div class="E-steps2-2">
40 
					<span class="E-step02-2"></span>
41 
					验证邮箱
42 
				</div>
43 
				<div class="steps3-3">
44 
					<span class="step03-3"></span>
45 
					重置密码
46 
				</div>
47
48 
			</div>
49 
			<div class="login-input">
50 
			<form  name="f1" action="login-email-find02.html" method="post">
51 
                <div class="frmbox">
52 
                    <input class="inputtxt" type="password" placeholder="请输入新密码" id="mail_password">
53 
                    <div class="msg msg1" ><span></span></div>
54 
                    <input class="inputtxt" type="password" placeholder="请再次输入密码" id="mail_password1">
55 
                    <div class="msg msg2" ><span></span></div>
56 
                    <input type="button" value="重置密码" class="inputtxt submitBtn" id="reset_password">
57 
                    <div class="msg msg3"><span></span></div>
58 
                </div>
59 
			</form>
60 
			</div>
61 
		</div>
62 
</div>
63
64 
<div id="header"></div>
65 
<div id="footer"></div>
66
67 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
68 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
69 
<script type="text/javascript" src="js/common.js"></script>
70 
<script type="text/javascript" src="js/login-email-find03.js"></script>
71
72 
</body>
73 
</html>

+ 0 - 76
login-phone-find01.html
查看文件 

@ -1,76 +0,0 @@
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 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 
<style type="text/css">
16 
#header{ width:100%; height:50%; background:#E28D30; }
17 
#footer{ width:100%; height:50%; background:#E8E8E8;}
18 
</style>
19 
</head>
20
21 
<body>
22
23 
<div class="coverbox">
24 
		<!--手机找回密码01!-->
25 
		<div class="phone-find1" id="Suspensionbox">
26 
			<div class="login-title">
27 
			  <a href="login-email-find01.html">通过邮箱找回<span class="back"></span></a>
28 
			</div>
29 
			<div class="logo-find">
30 
				<a href="index.html"><img src="images/logo.png"></a>
31 
			</div>
32 
			<div class="steps">
33 
				<div class="steps1">
34 
					<span class="step01"></span>
35 
					验证手机号
36 
				</div>
37 
				<div class="steps2">
38 
					<span class="step02"></span>
39 
					重置密码
40 
				</div>
41 
				<div class="line"></div>
42 
			</div>
43 
			<div class="login-input">
44 
			<form  name="f1" action="login-phone-find02.html" method="post">
45 
                <div class="frmbox">
46 
                    <input class="inputtxt" type="text" placeholder="请输入您的手机号码" id="phone" onBlur="valPhone()">
47 
                    <div class="msg msg1" ><span></span></div>
48 
                    <!--<div class="codebox">
49 
                    <input type="text" placeholder="请输入验证码" class="code">
50 
                    <div class="code-pic"></div><span class="note">看不清？换一换</span>
51 
                    </div>
52 
                    <div class="msg" ><span></span></div>-->
53 
                    <div class="codebox">
54 
                        <input type="text" placeholder="请输入短信验证码" class="inputtxt sms" id="phoneCode" onBlur="valCode()">
55 
                        <input type="button" value="获取短信验证码" class="inputtxt submitBtn gain" onClick="sendPhoneCode()">
56 
                        <input type="button" value="120s后重新获取" class="inputtxt submitBtn gainon" style="display:none;">
57 
                    </div>
58 
                    <div class="msg msg2" ><span></span></div>
59 
                    <input type="button" value="找回密码" class="inputtxt submitBtn" onClick="submitCodeVal()"/>
60 
                    <div class="msg msg3" ><span></span></div>
61 
                </div>
62 
			</form>
63 
		</div>
64 
	</div>
65 
</div>
66
67 
<div id="header"></div>
68 
<div id="footer"></div>
69
70 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
71 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
72 
<script type="text/javascript" src="js/common.js"></script>
73 
<script src='js/login-phone-find01.js'></script>
74
75 
</body>
76 
</html>

+ 0 - 68
login-phone-find02.html
查看文件 

@ -1,68 +0,0 @@
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 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 
<style type="text/css">
16 
#header{ width:100%; height:50%; background:#E28D30; }
17 
#footer{ width:100%; height:50%; background:#E8E8E8;}
18 
</style>
19 
</head>
20
21 
<body>
22
23 
<div class="coverbox">
24 
		<!--手机找回密码02!-->
25 
		<div class="phone-find2" id="Suspensionbox">
26 
			<div class="login-title">
27 
			   <a href="login-email-find01.html">通过邮箱找回<span class="back"></span></a>
28 
			</div>
29 
			<div class="logo-find">
30 
				<a href="index.html"><img src="images/logo.png"></a>
31 
			</div>
32 
			<div class="steps">
33 
				<div class="steps1">
34 
					<span class="step01"></span>
35 
					验证手机
36 
				</div>
37 
				<div class="steps2-2">
38 
					<span class="step02-2"></span>
39 
					重置密码
40 
				</div>
41 
				<div class="line"></div>
42 
			</div>
43 
			<div class="login-input">
44 
                <form  name="f1" action="login-email-find02.html" method="post">
45 
                     <div class="frmbox">
46 
                        <input class="inputtxt" type="password" placeholder="请输入新密码" id="password" />
47 
                        <div class="msg msg1" ><span></span></div>
48 
                        <input class="inputtxt" type="password" placeholder="请再次输入密码" id="password2" />
49 
                        <div class="msg msg2" ><span></span></div>
50
51 
                     </div>
52 
                </form>
53 
                 <input type="button" value="重置密码" class="inputtxt submitBtn" id="resetPw" />
54 
                  <div class="msg msg3" ><span></span></div>
55 
			</div>
56 
		</div>
57 
</div>
58
59 
<div id="header"></div>
60 
<div id="footer"></div>
61
62 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
63 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
64 
<script type="text/javascript" src="js/common.js"></script>
65 
<script type="text/javascript" src="js/login-phone-find02.js"></script>
66
67 
</body>
68 
</html>

+ 27 - 56
pwdFindNew.html
查看文件 

@ -16,6 +16,9 @@
16 16 
	<a href="index.html" class="headlogo signLogo"></a>
17 17 
</div>
18 18 
<!--中间-->
19 
<input type="hidden" name="" id="pstate" value="" />
20 
<input type="hidden" name="" id="pmobilePhone" value="" />
21 
<input type="hidden" name="" id="pvc" value="" />
19 22 
<div id="container">
20 23 
	<div class="containerCon contConP">
21 24 
		<div class="covFrmblock">

@ -23,14 +26,14 @@
23 26 
				<p class="h1Font alignCenter mainColor">密码找回</p>
24 27 
				<ul class="loginWaySort">
25 28 
					<li class="col-w-6 liactive">通过邮箱找回</li>
26 
					<li class="col-w-6">通过手机找回</li>
29 
					<li class="col-w-6" id="gophone">通过手机找回</li>
27 30 
				</ul>
28 31 
				<div class="waysBlock">
29 32 
					<div class="loginWays">
30 33 
						<!--通过邮箱找回-->
31 
						<div class="waysThis">
34 
						<div class="waysThis emailmain">
32 35 
							<!--邮箱找回第一步-->
33 
							<ul class="cmpAllUl cmpCoverUl">
36 
							<ul class="cmpAllUl cmpCoverUl emailOne" >
34 37 
								<li>
35 38 
									<ul class="form_head clearfix">
36 39 
										<li class="col-w-4 stepActive">

@ -48,18 +51,18 @@
48 51 
									</ul>
49 52 
								</li>
50 53 
								<li>
51 
									<input type="email" class="frmtype frmtypeW companyEmail" placeholder="请输入邮箱地址" />
54 
									<input type="email" class="frmtype frmtypeW companyEmail" id="email" placeholder="请输入邮箱地址" onBlur="emailVal(this)" onfocus="getFocus(this)" onkeyup="checkEmailButtn(this)"/>
52 55 
				    				<div class="frmmsg msgLog1"><span></span></div>
53 56 
								</li>
54 57 
								<li>
55 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" id="nxetseep" disabled>下一步</button>
58 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block loginSubmit" disabled onclick="backPassword(this,1)">下一步</button>
56 59 
								</li>
57 60 
								<li>
58 
									<a href="loginNew.html" class="fontLink">又想起来了</a>
61 
									<a href="login.html" class="fontLink">又想起来了</a>
59 62 
								</li>
60 63 
							</ul>
61 64 
							<!--邮箱找回第二步-->
62 
							<ul class="cmpAllUl cmpCoverUl displayNone">
65 
							<ul class="cmpAllUl cmpCoverUl displayNone emailTow">
63 66 
								<li>
64 67 
									<ul class="form_head clearfix">
65 68 
										<li class="col-w-4 stepActive">

@ -83,45 +86,16 @@
83 86 
									<p class="smalltip">请您在10分钟内登录您的企业邮箱，接收邮件，<br />点击链接后即可重置密码。</p>
84 87 
								</li>
85 88 
								<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>
89 
									<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" id="emailGo" onclick="backPassword(this,2)">登录邮箱</button>
117 90 
								</li>
118 91 
							</ul>
92
119 93 
						</div>
120 94
121 95 
						<!--通过手机找回-->
122 
						<div class="waysThis displayNone">
96 
						<div class="waysThis displayNone phonemain">
123 97 
							<!--手机找回第一步-->
124 
							<ul class="cmpAllUl cmpCoverUl">
98 
							<ul class="cmpAllUl cmpCoverUl phoneOne">
125 99 
								<li>
126 100 
									<ul class="form_head clearfix">
127 101 
										<li class="col-w-6 stepActive">

@ -135,27 +109,27 @@
135 109 
									</ul>
136 110 
								</li>
137 111 
								<li>
138 
									<input type="phone" class="frmtype frmtypeW" placeholder="请输入手机号码"/>
112 
									<input type="phone" class="frmtype frmtypeW username" placeholder="请输入手机号码" onBlur="phoneVal(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)"/>
139 113 
				    				<div class="frmmsg msgLog1"><span></span></div>
140 114 
								</li>
141 115 
								<li>
142 116 
									<div class="col-w-8">
143 
										<input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码" id="companysc"/>
117 
										<input type="tel" class="frmtype frmtypeW companysc" style="width: 98%;" placeholder="请输入短信验证码" id="companysc" onblur="codeVerification(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)"/>
144 118 
									    <div class="frmmsg msgCmp03"><span></span></div>
145 119 
								    </div>
146 120 
								    <div class="col-w-4">
147 
								    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode">获取验证码</button>
121 
								    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode" onclick="phoneSend(this)">获取验证码</button>
148 122 
								    </div>
149 123 
								</li>
150 124 
								<li>
151 
									<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">下一步</button>
125 
									<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius loginSubmit" onclick="backPassword(this,3)">下一步</button>
152 126 
								</li>
153 127 
								<li>
154 
									<a href="loginNew.html" class="fontLink">又想起来了</a>
128 
									<a href="login.html" class="fontLink">又想起来了</a>
155 129 
								</li>
156 130 
							</ul>
157 131 
							<!--手机找回第二步-->
158 
							<ul class="cmpAllUl cmpCoverUl displayNone">
132 
							<ul class="cmpAllUl cmpCoverUl displayNone phoneTwo">
159 133 
								<li>
160 134 
									<ul class="form_head clearfix">
161 135 
										<li class="col-w-6 stepActive">

@ -169,15 +143,16 @@
169 143 
									</ul>
170 144 
								</li>
171 145 
								<li>
172 
									<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" />
146 
									<input type="password" class="frmtype frmtypeW username" placeholder="请设置登录密码" id="newPassword" onBlur="passwordVal(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)"/>
173 147 
				    				<div class="frmmsg msgLog3"><span></span></div>
174 148 
								</li>
175 149 
								<li>
176 
									<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" />
177 
				    				<div class="frmmsg msgLog4"><span></span></div>
150 
									<input type="password" class="frmtype frmtypeW companysc" placeholder="请再次输入密码确认" id="newPasswordok" onBlur="passwordVal(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)" />
151 
				    				<div class="frmmsg msgLog3"><span></span></div>
178 152 
								</li>
179 153 
								<li>
180 
									<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">重置密码</button>
154 
									<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius loginSubmit" onclick="backPassword(this,4)">重置密码</button>
155 
									<div class="frmmsg msgCmp4"><span></span></div>
181 156 
								</li>
182 157 
							</ul>
183 158 
						</div>

@ -191,11 +166,7 @@
191 166 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
192 167 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
193 168 
<script type="text/javascript" src="js/common.js"></script>
194 
<script type="text/javascript">
195 
	$(".loginWaySort").on("click","li",function(){
196 
		$(this).addClass("liactive").siblings().removeClass("liactive");
197 
		$(".loginWays .waysThis").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
198 
	})
199 
</script>
169 
<script type="text/javascript" src="js/pwdFindNew.js"></script>
170
200 171 
</body>
201 172 
</html>

+ 13 - 3
pwdResult.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="VerificationOk">
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="VerificationNo">
39 39 
							<li class="failImg"></li>
40 40 
							<li class="alignCenter">
41 41 
								<p class="importTip">很抱歉，当前的链接已失效</p>

@ -55,5 +55,15 @@
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 
	$(function(){
60 
		var num = GetQueryString('num');
61 
		if(num==1){
62 
			$("#VerificationOk").removeClass("displayNone");
63 
		}else{
64 
			$("#VerificationNo").removeClass("displayNone");
65 
		}
66 
	})
67 
</script>
58 68 
</body>
59 69 
</html>