邀请码登录后，设置密码页面改版

js/common.js

@@ -145,7 +145,7 @@ function loginStatus(){
		$(".unlogin").show();
		$(".onlogin").hide();
	}else if(userid != null && userAuth == "false" && userName != null){
		location.href="login-first.html";
		location.href="loginInviteFirst.html";
	}else if(userid != null && userAuth == "true" && userName == ""){
		location.href="fillinfo-select.html";
	}else{

js/login-first.js

@@ -1,89 +0,0 @@
	//var _widht = document.documentElement.clientWidth;  //屏幕宽
	var _height = document.documentElement.clientHeight; //屏幕高
	//var boxWidth = $(".login-first").width();
	var boxHeight = $(".login-first").height();
	$(".login-first").css({ top: (_height - boxHeight) / 2 +"px" });
//检查用户是否登陆
	$(function(){  
	    if($.cookie("userAuth") == true){
	    	
	    	location.href="index.html";
	    }else{
	    	var userid=$.cookie("userid");
	    	$.ajax({
	    		
	    		"url":"/ajax/professor/info/" + userid,
	    		"data":{"id":userid},
	    		"beforeSend":function(response){
	    			//alert("110");
	    			//console.log(response);
	    		},
	    		"success":function(response){
	    			
	    			$("#name").text(response.data.name);
	    			//console.log(response.data.name);
	    		},
	    		"error":function(error){
	    			$.MsgBox.Alert('message','fail');
	    		}
	    	})
	    }
	}); 
	var isPass = false;
	var isPass1=false;
	function valPassword(){
		var password = $("#password").val();
		if(password.length==0){
			 $(".msg1").text("密码不能为空");
		}else if(password.length<6){
			$(".msg1").text("密码长度过短,至少六位");
		}else{
			$(".msg1").text("");
			isPass1=true;
		}
	}
	function valPassword2(){
		var password = $("#password").val();
		var password2 = $("#password2").val();
		if(password2.length==0){
			 $(".msg2").text("密码不能为空");
		}else if(password2 != password){
			$(".msg2").text("两次输入密码不一致");
		}else{
			isPass = true;
			$(".msg2").text("");
		}
	}
	function savePassword(){
		valPassword();
		valPassword2();
		if(isPass&&isPass1){
			location.href = "index.html";
			$.ajax("/ajax/cp",{
					type:"POST",
					 async: false,
					success:function(data){  
						if(data.success){
							if(data.data == true){								
								$.cookie("userAuth","true");
//								location.href = "index.html";
							}else{
								$(".msg3").text("设置错误!");
							}
						}else{
							$(".msg3").text("系统异常!");
							// alert("系统异常!");
						}
					},
					error:function(){$.MsgBox.Alert('message','fail')},
					data:{"id":$.cookie("userid"),"npw":$("#password").val() ,"onw":""},
				 	dataType: 'json'
				});
		}
	}

js/login-invite-code.js

@@ -1,86 +0,0 @@
	loginStatus();//判断个人是否登录
	var _height = document.documentElement.clientHeight; //屏幕高
	var boxHeight = $(".loginbox-invite").height();
	$(".loginbox-invite").css({ top: (_height - boxHeight) / 2 +"px" });
	//验证手机号
	var phonePass = false;
	
	function phoneVal(){
		var phone= $("#phone").val();
		if(phone.length==0){
	        $(".msg1").text("请输入您的手机号码或邮箱地址");
	    }else{
	    	
    	    var hun=/\s+/;
	        if(hun.test(phone.trim()))
	        {
	            $(".msg1").text("请输入");
	            phonePass = false;
	        }else{
	            //var gunf=/^\w+@\w+\.((cn)|(com)|(com\.cn))$/;
	            var gunf= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 
	            if(gunf.test(phone.trim()))
	            { 
	               $(".msg1").text("");
	               phonePass = true;
	            }else{
	            	var hunPhone=/^1[3|4|5|7|8]\d{9}$/;
	    			if(hunPhone.test(phone.trim())){
	    				$(".msg1").text("");
	    				phonePass = true;
	    			}else{
	    				phonePass = false;
	    				$(".msg1").text("格式不对，请输入正确的格式");
	    			}
	            }
	        }
	    }
	    
	}
	//验证验证邀请码
	var codePass = false;
	function codeVal(){
		var code = $("#code").val();
		if(code.length==0){
			$(".msg2").text("请输入正确的邀请码");
			codePass = false;
		}else{
			$(".msg2").text("");
			codePass = true;
		}
	}	
	function loginSub(){
		phoneVal();
		codeVal();
		if(phonePass && codePass){
			$.ajax("/ajax/invitelogin",{
					type:"POST",
					 async: false,
					success:function(data){  
						//console.log(data)
						if(data.success){
							if(data.data != "null" && data.data != null){
								if(data.data.auth == true){
									location.href="index.html";
								}else{
									location.href="login-first.html";
								}
							}else{
								$(".msg3").text("手机或邮箱和邀请码不匹配,请确认后登录!");
							}
						}else{
							$(".msg3").text("系统异常!");
							// alert("系统异常!");
						}
					},
					error:function(){$.MsgBox.Alert('message','fail')},
					data:{"code":$("#code").val(),"key":$("#phone").val()},
				 	dataType: 'json'
				});
			}
	}
	function restSub(data) {  
         $(".msg3").text("");
     } 

js/loginInviteFirst.js

@@ -0,0 +1,89 @@
//邀请码登录设置密码页面
$(function(){  
	$(".serviceBox").hover(function(){
		$(".serviceTel").fadeToggle();
	})
	var userid=$.cookie("userid");
	$.ajax({
		"url":"/ajax/professor/info/" + userid,
		"data":{"id":userid},
		"success":function(response){
			$("#name").text(response.data.name);
		},
		"error":function(error){
			$.MsgBox.Alert('消息', '服务器请求失败');
		}
	})
}); 
/*校验登录按钮显示状态*/
function checkLoginButtn(_this) {
	var passwordVal = $(_this).parents(".waysBlock").find("#password").val();
	var passwordokVal = $(_this).parents(".waysBlock").find("#passwordok").val();
	if(passwordVal == "" || passwordokVal == "") {
		$(_this).parents(".waysBlock").find("#ButSubmit").attr("disabled", true);
	} else {
		$(_this).parents(".waysBlock").find("#ButSubmit").attr("disabled", false);
	}
}
/*获取焦点*/
function getFocus(_this) {
	$(_this).next().find("span").text("");
	$(_this).removeClass("frmmsg-warning");
}
var isPass = false;
var isPass1=false;
function valPassword(_this){
	if($(_this).val().length==0){
		 $(_this).next().find("span").text("请设置您的登录密码");
		 $(_this).addClass("frmmsg-warning");
	}else if($(_this).val().length<6){
		 $(_this).next().find("span").text("密码由6-24个字符组成，区分大小写");
		 $(_this).addClass("frmmsg-warning");
	}else{
		$(_this).next().find("span").text("");
		$(_this).removeClass("frmmsg-warning");
		isPass1=true;
	}
}
function valPassword2(_this){
	var passwordval = $("#password").val();
	var password2 = $("#password2").val();
	if($(_this).val().length==0){
		 $(_this).next().find("span").text("请设置您的登录密码");
		 $(_this).addClass("frmmsg-warning");
	}else if($(_this).val().length<6){
		 $(_this).next().find("span").text("密码由6-24个字符组成，区分大小写");
		 $(_this).addClass("frmmsg-warning");
	}else if($(_this).val() != passwordval){
		 $(_this).next().find("span").text("两次输入不一致，请重新输入");
		 $(_this).addClass("frmmsg-warning");
	}else{
		isPass = true;
		 $(_this).next().find("span").text("");
		 $(_this).removeClass("frmmsg-warning");
	}
}
function savePassword(){
	if(isPass&&isPass1){
		$.ajax("/ajax/cp",{
			type:"POST",
			async: false,
			success:function(data){
				console.log(data)
				if(data.success){
					if(data.data == true){	
						$.cookie("userAuth","true");
						location.href = "index.html";
					}
				}
			},
			error:function(){$.MsgBox.Alert('消息', '服务器请求失败');},
			data:{"id":$.cookie("userid"),"npw":$("#passwordok").val() },
		 	dataType: 'json'
		});
	}
}

js/loginNew.js

@@ -292,12 +292,13 @@ function InvitationLogin(_this) {
			},
			async: false,
			success: function(data) {
				 console.log(data)
				if(data.success) {
					if(data.data != "null" && data.data != null) {
						if(data.data.auth == true) {
							location.href = "index.html";
						} else {
							location.href = "login-first.html";
							location.href = "loginInviteFirst.html";
						}
					} else {
						$(_this).parents(".cmpCoverUl").find(".msgLog2 span").text("邀请码错误，请检查后重试");

login-first.html

@@ -1,58 +0,0 @@
 <!DOCTYPE html>
<html>
<head>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>科袖网-搭建企业与专家的桥梁</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<style type="text/css">
#header{ width:100%; height:50%; background:#E28D30; }
#footer{ width:100%; height:50%; background:#E8E8E8;}
</style>
</head>
<body>
<div class="coverbox">
		<!--首次登录!-->
		<div class="login-first" id="Suspensionbox">
				<div class="login-title">
				 
				</div>
				<div class="logos">
					<a href="index.html"><img src="images/logo.png"></a>
				</div>
				
				<div class="welcome">欢迎<span class="professor" id="name">XXX教授</span>登入科袖网！<br>请您设置密码，方便以后登录。</div>
				<div class="password-input">
				<form  name="f1" action="information-browse.html" method="post">
                    <div class="frmbox">	
                        <div class="password"><span class="lable">设置密码</span><input type="password" style="width:80%;" class="inputtxt psd" id="password" onBlur="valPassword()"></div>
                        <div class="msg msg-left msg1" ><span></span></div>
                        <div class="password"><span class="lable">确认密码</span><input type="password" style="width:80%;" class="inputtxt psd" id="password2" onBlur="valPassword2()"></div>
                        <div class="msg msg-left msg2" ><span></span></div>
                        <input type="button" value="保存并登录" class="inputtxt submitBtn" style="width: 95%;" onClick="savePassword()">
                        <div class="msg msg3" ><span></span></div>
                        <!-- <div class="forget">不是本人？<div class="prompt"><span class="triangleR"></span><span class="prompt-con">请拨打免费电话<br><span class="tel">400-xxx-xxxx</span><br>重新获取邀请码</span></div></div>	 -->
                    </div>
				</form>
				</div>    
		</div>
</div>			
	
<div id="header"></div>
<div id="footer"></div>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript"src="js/login-first.js"></script>
</body>
</html>

login-invite-code.html

@@ -1,56 +0,0 @@
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>特邀专家登录-科袖网</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/login.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<style type="text/css">
#header{ width:100%; height:50%; background:#E28D30; }
#footer{ width:100%; height:50%; background:#E8E8E8;}
</style>
</head>
<body>
<div class="coverbox">
		<!--登录邀请码!-->
		<div class="loginbox loginbox-invite" id="Suspensionbox">
			<div class="login-title">
			 <a href="login.html">通过手机或邮箱登录<span class="back"></span></a>
			</div>
			<div class="logo">
			<a href="index.html"><img src="images/logo.png"></a>
			</div>
			<div class="login-input">
                <form  name="f1" action="login-first.html" method="post">	
                    <div class="frmbox">
                        <input class="inputtxt" type="text" placeholder="请输入您的手机或邮箱"  id="phone" value="" onKeyDown="restSub()"  onblur="phoneVal()" >
                        <div class="msg msg1" ><span></span></div>
                        <input class="inputtxt" type="text" placeholder="请输入您的邀请码" id="code" value="" onKeyDown="restSub()" onBlur="codeVal()" >
                        <div class="msg msg2" ><span></span></div>
                        <!--<div class="codebox">
                        <input type="text" placeholder="验证码" class="code">
                        <div class="code-pic"></div><span class="note">看不清？换一换</span></div>
                        <div class="msg" ><span></span></div>-->
                        <input type="button" value="登录" class="inputtxt submitBtn" id="login" onClick="loginSub()">
                        <div class="msg msg3" ><span></span></div>
                        <!-- <div class="forget">忘记邀请码？<div class="prompt"><span class="triangleR"></span><span class="prompt-con">请拨打免费电话<br><span class="tel">400-xxx-xxxx</span><br>重新获取邀请码</span></div></div> -->
                    </div>
                </form>	
			</div>
		</div>
</div>		
<div id="header"></div>
<div id="footer"></div>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript"src="js/login-invite-code.js"></script>
</body>
</html>

loginInviteFirst.html

@@ -20,22 +20,22 @@
	<div class="containerCon contConP">
		<div class="covFrmblock">
			<form class="cmpAllFrm">
				<p class="h1Font alignCenter mainColor">欢迎 <span>用户姓名</span> 登录科袖</p>
				<p class="h1Font alignCenter mainColor">欢迎 <span id="name"></span> 登录科袖</p>
				<p class="smallTip alignCenter" style="margin:-10px auto 20px;">请设置您的登录密码，让您的账号更安全</p>
				<div class="waysBlock">
					<div class="loginWays">
						<!--邀请码登录-->
						<ul class="cmpAllUl cmpCoverUl">
							<li>
								<input type="password" class="frmtype frmtypeW" placeholder="请输入设置您的登录密码"/>
								<input type="password" class="frmtype frmtypeW" id="password" placeholder="请输入设置您的登录密码" onBlur="valPassword(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)"/>
			    				<div class="frmmsg msgLog1"><span></span></div>
							</li>
							<li>
								<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认"/>
								<input type="password" class="frmtype frmtypeW" id="passwordok" placeholder="请再次输入密码确认" onBlur="valPassword2(this)" onfocus="getFocus(this)" onkeyup="checkLoginButtn(this)"/>
							    <div class="frmmsg msgLog2"><span></span></div>
							</li>
							<li>
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">确认</button>
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius" id="ButSubmit" onclick="savePassword()">确认</button>
							</li>
						</ul>
					</div>
@@ -54,13 +54,9 @@
		</div>
	</div>
</div>
<script type="text/javascript"src="js/jquery.cookie.js"></script>
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
	$(".serviceBox").hover(function(){
		$(".serviceTel").fadeToggle();
	})
</script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript"src="js/loginInviteFirst.js"></script>
</body>
</html>