注册新页面

js/register.js

@@ -1,296 +1,176 @@
loginStatus();//判断个人是否登录	
	// JavaScript Document
//var _widht = document.documentElement.clientWidth;  //屏幕宽
var _height = document.documentElement.clientHeight; //屏幕高
//var boxWidth = $(".registerbox").width();
var boxHeight = $(".registerbox").height();
$(".registerbox").css({
	top: "80px"
});
/**复选框**/
//  $('.agreeNotice').click(function(){
//    var formbox = $(this).closest("form");
//      if(formbox.find('.gree').prop('checked')){
//        formbox.find('.agreeNotice em').css('background-position','0px 0px');
//        formbox.find('.gree').prop('checked',false);
//        formbox.find('.agreeNotice').next('span').show();
//      }else{
//        formbox.find('.gree').prop('checked',true);
//        formbox.find('.agreeNotice').next('span').hide();
//        formbox.find('.agreeNotice em').css('background-position','0px -12px');
//          
//      }
//  });
//手机、邮箱切换
$(".phone").click(function() {
	$(this).find("img").attr("src", "images/phoneIcon2.png");
	$(".mail").find("img").attr("src", "images/mailIcon.png");
	$(".mail").removeClass("active");
	$(this).addClass("active");
	$(".styleline").animate({
		left: "0px"
	});
	$("#mail_form").hide();
	$('#phone_form').show();
});
$(".mail").click(function() {
	$(this).find("img").attr("src", "images/mailIcon2.png");
	$(".phone").find("img").attr("src", "images/phoneIcon.png");
	$(".phone").removeClass("active");
	$(this).addClass("active");
	$(".styleline").animate({
		left: "121px"
$(document).ready(function(){
	var userName=false;
	var phoneNumber=false;
	var phoneMa=false;
	var regNumber=false;
	var state;
	/*点击切换手机注册或者邮箱注册*/
	$(".loginWaySort").on("click","li",function(){
		$(this).addClass("liactive").siblings().removeClass("liactive");
		$(".loginWays ul").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
		$(".cmpAllFrm").find("input").val("").find("button").attr("disabled","disabled");
		$(".frmmsg").find("span").text("");
	})
	/*校验名字*/
	//失去焦点后校验：1、输入框为空，提示：请输入您的真实姓名
	$("#yourName").blur(function(){
		if($("#yourName").val().length==0){
			$(".msgLog0").find("span").text("请输入您的真实姓名");
			userName=false;
		}else{
			$(".msgLog0").find("span").text("");
			userName=true;
		}
	})
	/*校验手机号*/
	$("#lp_phone").blur(function(){
		phoneYesOrNo();
	});
	$("#phone_form").hide();
	$("#mail_form").show();
});
//手机注册模块
//验证手机号
var phonePass = false;
function phoneVal() {
	var phone = $("#lp_phone").val();
	$.ajax("/ajax/isReg?key=" + phone, {
		type: "GET",
		async: true,
		success: function($data) {
			if(phone.length == 0) {
				$(".msgphone1").text("请输入您的手机号码");
			} else {
				var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
				if(hunPhone.test(phone.trim())) {
	/*校验手机是否已经注册函数*/
	function phoneYesOrNo() {
		var phone = $("#lp_phone").val();
		if(phone.length==0) {
			$("#getcode").attr("disabled","disabled");
			$(".msgLog1").find("span").text("请输入您的手机号码");
			phoneNumber=false;
			return;
		}else{
			var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
				if(!hunPhone.test(phone.trim())) {
					$("#getcode").attr("disabled","disabled");
					$(".msgLog1").find("span").text("请输入正确的手机号码");
					phoneNumber=false;
					return;
				}else{
					$(".msgLog1").find("span").text("");
					phoneNumber=true;
				}
		}
		$.ajax("/ajax/isReg?key=" + phone, {
			type: "GET",
			async: true,
			success: function($data) {
				if($data.success) {
					if($data.data == false) {
						$(".msgphone1").text("您的手机已被注册");
						$(".msgLog1").find("span").text("您的手机已被注册");
						$("#getcode").attr("disabled","disabled");
						phoneNumber=false;
					} else {
						$(".msgphone1").text("");
						phonePass = true;
						addEvent(btn, "click", handler); //手机必须验证正确，才执行
						$(".msgLog1").find("span").text("");
						$("#getcode").removeAttr("disabled");
						phoneNumber=true;
					}
				} else {
					phonePass = false;
					$(".msgphone1").text("手机格式有误,请输入正确的手机号码");
				}
			}
		},
		error: function() {
			$.MsgBox.Alert('消息', '服务器请求失败')
		},
	});
}
$("#lp_phone").blur(function() {
	phoneVal();
});
//验证随机验证码
var phoneCode = false;
$("#lp_yzm").blur(function() {
	var authCode = $("#lp_yzm").val();
	if(authCode.length == 0) {
		$(".msgphone2").text("请输入您的验证码");
		phoneCode = false;
	} else {
		var d = /^[0-9a-zA-Z]{4}$/;
		if(d.test(authCode.trim())) {
			$(".msgphone2").text("");
			phoneCode = true;
			},
			error: function() {
				$.MsgBox.Alert('消息', '服务器请求失败')
			},
		});
	}
	/*校验手机验证码*/
	$("#companysc").blur(function() {
		var authCode = $("#companysc").val();
		if(authCode.length == 0) {
			$(".msgCmp03").find("span").text("请输入您收到的短信验证码");
			phoneMa=false;
		} else {
			$(".msgphone2").text("请输入您的验证码不正确");
			phoneCode = false;
			var d = /^\d{4}$/;
			if(d.test(authCode.trim())) {
				$(".msgCmp03").find("span").text("");
				phoneMa=true;
			} else {
				$(".msgCmp03").find("span").text("验证码为4位数字");
				phoneMa=false;
			}
		}
	}
});
//获取手机验证码
//var setTime;
//$(".getcode1").click(function(){
//	$(".coderli span").removeClass("getcode1").addClass("getcode2");	
//	setTime=setInterval(Countdown,1000);
//	phoneVerificationCode();
//})
//var j=180;
//function  Countdown(){
//	j--;
//	$(".getcode2").text("等待"+j+"秒后重新获取");
//	if(j==0){
//		$(".coderli span").removeClass("getcode2").addClass("getcode1").text("请重新获取验证码");
//		clearInterval(setTime);
//		j=180;
//	}
//}
//手机发送验证码
var btn = document.getElementById("getcode");
var handler = function() {
	doClick();
	phoneVerificationCode(); //调用发送手机验证码接口
	removeEvent(btn, 'click', handler); //取消绑定该事件
}
function addEvent(obj, type, handler) {
	if(obj.addEventListener) {
		obj.addEventListener(type, handler, false);
	} else if(obj.attachEvent) {
		obj.attachEvent('on' + type, handler);
	}
}
function removeEvent(obj, type, handler) {
	if(obj.removeEventListener) {
		obj.removeEventListener(type, handler, false);
	} else if(obj.detachEvent) {
		obj.detachEvent("on" + type, handler);
	}
}
function doClick() {
	removeClass(btn, 'getcodeon');
	addClass(btn, 'getcodeoff');
	btn.innerHTML = "60s后重新获取";
	})
	/*获取验证码*/
	$("#getcode").on("click",function(){
		doClick();
		getPhoneCode();
	});
	function doClick() {
	$("#getcode").html("60s后重新获取");
	$("#getcode").attr("disabled","disabled");
	var clickTime = new Date().getTime();
	var Timer = setInterval(function() {
		var nowTime = new Date().getTime();
		var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
		if(second > 0) {
			btn.innerHTML = second + "s后重新获取";
			$("#getcode").html(second + "s后重新获取");
		} else {
			clearInterval(Timer);
			removeClass(btn, 'getcodeoff');
			addClass(btn, 'getcodeon');
			btn.innerHTML = "免费获取验证码";
			addEvent(btn, "click", handler);
			$("#getcode").html("免费获取验证码");
			$("#getcode").removeAttr("disabled");
		}
	}, 1000);
}
function hasClass(obj, cls) {
	return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
	if(!hasClass(obj, cls)) obj.className += " " + cls;
}
function removeClass(obj, cls) {
	if(hasClass(obj, cls)) {
		var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
		obj.className = obj.className.replace(reg, ' ');
	}
}
//手机发送验证码结束
var state;
function phoneVerificationCode() {
	if(phonePass) {
		$.ajax("/ajax/regmobilephone", {
			type: "get",
			async: true,
			success: function(data) {
				if(data.success) {
					state = data.data;
				}
			},
			error: function() {
				$.MsgBox.Alert('message', 'fail')
			},
			data: {
				"mobilePhone": $("#lp_phone").val()
			},
			dataType: 'json'
		});
	}
};
//验证手机验证码
var setpass1 = false;
function setPhoneCode() {
	var pass = $("#lp_coder").val();
	if(pass.length == 0) {
		$(".msgphone3").text("请输入您的验证码");
	} else {
		var hunPhone = /^[0-9]{4}$/;
		if(hunPhone.test(pass.trim())) {
			$(".msgphone3").text("");
			setpass1 = true;
		} else {
			$(".msgphone3").text("验证码4位");
		}
	/*发送手机验证码*/
	function getPhoneCode() {
			$.ajax("/ajax/regmobilephone", {
				type: "get",
				async: true,
				success: function(data) {
					if(data.success) {
						state = data.data;
					}
				},
				error: function() {
					$.MsgBox.Alert('message', '服务器连接超时')
				},
				data: {
					"mobilePhone": $("#lp_phone").val()
				},
				dataType: 'json'
			});
	}
}
$("#lp_coder").blur(function() {
	setPhoneCode();
});
//设置密码
var password;
var setpass = false;
function setPassword() {
	password = $("#phone_password").val();
	if(password.length == 0) {
		$(".msgphone4").text("请输入您的密码");
	} else {
		var hunPhone = /^[0-9a-zA-Z]{6,}$/;
		if(hunPhone.test(password.trim())) {
			$(".msgphone4").text("");
			setpass = true;
	/*登录密码校验*/
	$("#phone_password").blur(function(){
		setPassword();
	})
	function setPassword() {
		var password = $("#phone_password").val();
		if(password.length == 0) {
			$(".msgLog3").find("span").text("请设置您的登录密码");
			regNumber=false;
		} else {
			//$(".msgphone4").text("密码6到16位");
			$(".msgphone4").text("密码由6-24 个字符组成，区分大小写");
			var hunPhone = /^[0-9a-zA-Z]{6,}$/;
			if(hunPhone.test(password.trim())) {
				$(".msgLog3").find("span").text("");
				regNumber=true;
			} else {
				$(".msgLog3").find("span").text("密码由6-24个字符组成，区分大小写");
				regNumber=false;
			}
		}
	}
}
$("#phone_password").blur(function() {
	setPassword();
});
//再次确定密码
var setpassagain = false;
function setPasswordAgain() {
	var passwordAgain = $("#phone_password2").val();
	if(passwordAgain.length == 0) {
		$(".msgphone5").text("请再次输入您的密码");
	} else {
		var hunPhone = /^[0-9a-zA-Z]{6,}$/;
		if(hunPhone.test(password.trim()) && passwordAgain == password) {
			$(".msgphone5").text("");
			setpassagain = true;
		} else {
			$(".msgphone5").text("两次密码不一致");
	/*注册*/
	$("#regMess").on("keyup","#yourName,#lp_phone,#companysc,#phone_password",function(){
		if($("#yourName").val().length != 0 && $("#lp_phone").val().length != 0&&$("#companysc").val().length != 0&&$("#phone_password").val().length != 0) {
			$("#reg").removeAttr("disabled");
		}else{
			$("#reg").attr("disabled","disabled");
		}
	}
}
$("#phone_password2").blur(function() {
	setPasswordAgain();
});
//手机注册提交
$("#btnn").click(function() {
	if(phonePass && setpass1 && setpassagain) {
		$.ajax("/ajax/regmobile", {
	})
	/*注册函数*/
	function userReg() {
		console.log(state)
		$.ajax("/ajax/mobileReg", {
			type: "POST",
			async: false,
			async: true,
			success: function(data) {
				console.log(data)
				console.log(data);
				if(data.success) {
					loginagain(); //调用登录的接口
					//				$(".completedcover").css("display","block");
					//				$("#afterSay").click(function(){
					//					location.href="index.html";
					//				});
					//				$("#todayPerfect").click(function(){
					//					location.href="information-add.html?id="+data.data;
					//				});
					location.href = "fillinfo-select.html?id=" + data.data;
					loginagain();
				}else{
					if(data.code==-1){
						$.MsgBox.Alert('消息', '验证超时');
						$.MsgBox.Alert('消息', '验证码已过期，请重新获取');
					}else if(data.code==-2){
						$.MsgBox.Alert('消息', '手机号与验证手机不匹配');
						$(".msgCmp03 span").text('验证码错误，请检查后重试');
					}else if(data.code==-3){
						$.MsgBox.Alert('消息', '验证码错误');
						$(".msgCmp03 span").text('验证码错误，请检查后重试')
					}else if(data.code==0){
						$(".msgCmp03 span").text('验证码错误，请检查后重试')
					}
				}
			},
@@ -300,25 +180,23 @@ $("#btnn").click(function() {
			data: {
				"state": state,
				"mobilePhone": $("#lp_phone").val(),
				"validateCode": $("#lp_coder").val(),
				"validateCode": $("#companysc").val(),
				"password": $("#phone_password").val(),
				"inviterId": GetQueryString("inviterId")
				"name" :$("#yourName").val()
			},
			dataType: 'json'
		});
	}else{
		phoneVal();
		setPhoneCode();
		setPassword();
		setPasswordAgain();
	}
});
function loginagain() {
	function loginagain() {
	$.ajax("/ajax/login", {
		type: "POST",
		async: false,
		success: function(data) {},
		success: function(data) {
			console.log(data);
			if (data.success) {
				location.href = "fillinfo-select.html";
			}
		},
		error: function() {
			$.MsgBox.Alert('消息', '服务器请求失败');
		},
@@ -329,90 +207,113 @@ function loginagain() {
		dataType: 'json'
	});
}
//邮箱注册模块
//邮箱验证
var emailPass = false;
function valEmail() {
	var email = $("#lp_email").val();
	//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}$/;
	$.ajax("/ajax/isReg?key=" + email, {
		type: "GET",
		async: true,
		success: function($data) {
			if($data.data == false) {
				$(".msgema1 span").text("您的邮箱已被注册");
	/*手机注册*/
	$("#reg").click(function(){
		if(userName==true && phoneNumber==true && phoneMa==true && regNumber==true) {
			userReg();
		}
	})
	
	/*邮箱注册*/
	var oMailName=false;
	var oRegNumber=false;
	var emailPass=false;
	$("#mailName").blur(function(){
		if($("#mailName").val().length==0){
			$(".msgLog0").find("span").text("请输入您的真实姓名");
			oMailName=false;
		}else{
			$(".msgLog0").find("span").text("");
			oMailName=true;
		}
	})
	/*邮箱登录密码校验*/
	$("#mailLoginPassword").blur(function(){
		mailSetPassword();
	})
	function mailSetPassword() {
		passw();
	}
	/*校验登录密码函数*/
	function passw() {
		var password = $("#mailLoginPassword").val();
		if(password.length == 0) {
			$(".msgLog3").find("span").text("请设置您的登录密码");
			oRegNumber=false;
		} else {
			var hunPhone = /^[0-9a-zA-Z]{6,}$/;
			if(hunPhone.test(password.trim())) {
				$(".msgLog3").find("span").text("");
				oRegNumber=true;
			} else {
				if(gunf.test(email.trim())) {
					$(".msgema1 span").text("");
					emailPass = true;
				$(".msgLog3").find("span").text("密码由6-24个字符组成，区分大小写");
				oRegNumber=false;
			}
		}
	}
	/*校验邮箱地址*/
	$("#mailAddress").blur(function(){
		oEmail();
	})
	/*校验邮箱地址函数*/
	function oEmail(){
		var email = $("#mailAddress").val();
		var gunf = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		if(email.length==0) {
			$(".msgLog1").find("span").text("请输入您的邮箱地址");
		}else{
			if(gunf.test(email.trim())) {
					valEmail();
				} else {
					/*alert("请输入正确是邮箱地址");*/
					$(".msgema1 span").text("请输入正确是邮箱地址");
					$(".msgLog1").find("span").text("请输入正确的邮箱地址");
					emailPass = false;
				}
			}
		},
		error: function() {
			$.MsgBox.Alert('消息', '服务器请求失败')
		},
	});
}
$("#lp_email").blur(function() {
	valEmail();
});
//输入密码及确认密码
var oldPass = false;
var isPass = false;
function valOld() {
	var oldPassword = $("#mail_password").val();
	if(oldPassword.length == 0) {
		$(".msgema2 span").text("密码不能为空");
		oldPass = false;
	} else if(oldPassword.length < 6) {
		$(".msgema2 span").text("密码不少于6位，请输入正确的密码");
	} else {
		$(".msgema2 span").text("");
		oldPass = true;
		}
	}
}
$("#mail_password").blur(function() {
	valOld();
})
function valNew() {
	var newPassword = $("#mail_password").val();
	var oldPassword = $("#mail_password1").val();
	if(oldPassword.length == 0) {
		$(".msgema3 span").text("密码不能为空");
	} else if(oldPassword.length < 6) {
		$(".msgema3 span").text("密码长度过短,至少六位");
	} else if(oldPassword != newPassword) {
		$(".msgema3 span").text("两次密码不一致");
	} else {
		isPass = true;
		$(".msgema3 span").text("");
	function valEmail() {
		$.ajax("/ajax/isReg?key=" + $("#mailAddress").val(), {
			type: "GET",
			async: true,
			success: function($data) {
				console.log($data);
				if($data.data == false) {
					$(".msgLog1").find("span").text("该账号已存在，请直接登录");
					emailPass = false;
				} else {
					$(".msgLog1").find("span").text("");
					emailPass = true;
				}
			},
			error: function() {
				$.MsgBox.Alert('消息', '服务器请求失败')
			},
		});
	}
}
$("#mail_password1").blur(function() {
	valNew();
})
//邮箱注册提交
	/*注册是否点击*/
	$("#mailMess").on("keyup","#mailName,#mailAddress,#mailLoginPassword",function(){
			if ($("#mailName").val().length != 0 && $("#mailAddress").val().length != 0 && $("#mailLoginPassword").val().length != 0) {
				$("#mailReg").removeAttr("disabled");
				
			} else{
				$("#mailReg").attr("disabled","disabled");
			}
		
	})
	$("#mailReg").on("click",function(){
		if(oMailName==true && oRegNumber==true && emailPass==true) {
			mailRegistration();
		}
		
	})
	//邮箱注册提交
function mailRegistration() {
	var mailVal = $("#lp_email").val();
	var passwordVal = $("#mail_password1").val();
	if(isPass && emailPass) {
		$.ajax("/ajax/regmail", {
	var mailVal = $("#mailAddress").val();
	var maiName = $("#mailName").val();
	var passwordVal = $("#mailLoginPassword").val();
		$.ajax("/ajax/emailReg", {
			type: "POST",
			async: false,
			async: true,
			success: function(data) {
				if(data.success) {
					$.cookie('mailVal', mailVal);
@@ -427,17 +328,10 @@ function mailRegistration() {
			data: {
				"mail": mailVal,
				"password": passwordVal,
				"inviterId": GetQueryString("inviterId")
				"name" : maiName
			},
			dataType: 'json'
		});
	}else{
		valEmail();
		valOld();
		valNew();
	}
}
$("#btnn1").click(function() {
	mailRegistration();
});
})

register.html

@@ -1,154 +1,111 @@
 <!DOCTYPE html>
<!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">
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/reset.css">
<link type="text/css" rel="stylesheet" href="css/common.css">
<link type="text/css" rel="stylesheet" href="css/genindex.css">
<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="completedcover">
    <!--/*是否完善信息提示*/-->
    <div class="vercompleted">
        <h3>已经完成注册，是否现在去完善个人信息？</h3>
        <div class="verbtnbox">
            <a class="verbtn" id="todayPerfect">现在完善</a>
            <a class="verbtn"id="afterSay">以后再说</a>
        </div>
    </div>
<body class="covbodyBg">
<div class="containerCon">
	<a href="index.html" class="headlogo signLogo"></a>
</div>
<div class="coverbox">
		<!--注册!-->
		<div class="loginbox registerbox" id="Suspensionbox" style=" width: 520px;">
			<div class="login-title"></div>
			<div class="logo">
				<a href="index.html"><img src="images/logo.png"></a>
			</div>
            <div class="logindown">
            	<table>
                    <tr>
                        <td>
                           <div class="login-input"><!--  loginleft -->
                                <div class="regbox">
                                    <div class="regtab">
                                        <div class="regtabcon">
                                            <div class="phone active">
                                                <img src="images/phoneIcon2.png"><span>手机注册</span>
                                            </div>
                                            <div class="mail">
                                                <img src="images/mailIcon.png"><span>邮箱注册</span>
                                            </div>
                                        </div>
                                        <div class="styleline"></div>
                                    </div>
                                    <div class="regtablist">
                                        <form id="phone_form" method="post" action="javascript:;">
                                            <ul>
                                                <li><input class="inputtxt" type="text" placeholder="请输入您的手机号码" id="lp_phone" name="phone" autocomplete="off"></li>
                                                <li><div class="msg msgphone1"><span></span></div></li>
                                                <!-- <li class="yzmli">
                                                    <input class="inputtxt" type="text" placeholder="请证明你不是机器人" id="lp_yzm" name="yzm" autocomplete="on">
                                                    <div class="yzmbox">
                                                        <img class="yzm" src="images/yzmimg1.png" width="100%" height="100%">
                                                        <a href="javascript:;" class="reflash"></a>
                                                    </div>
                                                </li> -->
                                                <li><div class="msg msgphone2"><span></span></div></li>
                                                <li class="coderli">
                                                    <input class="inputtxt" type="text" placeholder="请输入短信验证码" id="lp_coder" name="coder" autocomplete="on">
                                                    <span class="getcode" id="getcode">免费获取验证码</span>
                                                    <!-- <input type="button" class="inputtxt inputtxtbtn getcode" id="getcode"> -->
                                                </li>
                                                <li> <div class="msg msgphone3"><span></span></div></li>
                                                <li>
                                                    <input class="inputtxt" type="password" placeholder="请设置密码" id="phone_password" name="password" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgphone4"><span></span></div></li>
                                                 <li>
                                                    <input class="inputtxt" type="password" placeholder="请再次输入密码" id="phone_password2" name="password" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgphone5"><span></span></div></li>
                                            </ul>
                                            <label for="agreeNotice" class="agreeNotice" checked="true"> 
                                             <em style="background-position: 0px -12px;"></em> 
                                             <input type="checkbox" name="checkbox" checked="true" class="gree" style="display:none;">我已阅读并同意<a href="privacy.html" target="_blank" >《科袖网用户协议》</a>
                                        </label> 
                                        <a  class="inputtxt submitBtn"id="btnn">注册</a>  
                                        <div class="reglinkbox">已有科袖账号 <a class="reglink" href="login.html"> 直接登录</a></div> 
                                        </form>
                                        <form id="mail_form" method="post" action="javascript:;" >
                                            <ul>
                                                <li>
                                                    <input class="inputtxt" type="text" placeholder="请输入您的邮箱地址" id="lp_email" name="mail" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgema1"><span></span></div></li>
                                                <li>
                                                    <input class="inputtxt" type="password" placeholder="请设置密码" id="mail_password" name="password" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgema2"><span></span></div></li>
                                                <li>
                                                    <input class="inputtxt" type="password" placeholder="请再次输入密码" id="mail_password1" name="password" autocomplete="off">
                                                </li>
                                                <li><div class="msg msgema3"><span></span></div></li>
                                            </ul>
                                            <label for="agreeNotice" class="agreeNotice" checked="true"> 
                                             <em style="background-position: 0px -12px;"></em> 
                                             <input type="checkbox" name="checkbox" checked="true" class="gree" style="display:none;">我已阅读并同意<a href="privacy.html" target="_blank" >《科袖网用户协议》</a>
                                        </label> 
                                        <a  class="inputtxt submitBtn"id="btnn1">注册</a> 
                                        <div class="reglinkbox">已有科袖账号 <a class="reglink" href="login.html">直接登录</a></div> 
                                         </form> 
                                     </div> 
                                </div>
                            </div> 
                        </td>
                        <!-- <td>
                             <div class="login-line">
                                <div class="lineb linebb"></div>
                                <div class="wordor"> or </div>
                            </div>
                        </td>
                        <td style="padding-top: 20px;">
                            <div class="login-other">
                            	<span class="other-tit">已有科袖网账号：</span>
                                <p class="loginlinkbox">
                                   <a href="login.html" class="loginlink">直接登录</a>
                                </p>
                                <span class="other-tit">使用以下帐号直接登录：</span>
                                <div class="login-way">
                                    <a href="" class="way-icon way-icon1" title="使用微信帐号登录"></a>
                                    <a href="" class="way-icon way-icon2" title="使用新浪微博帐号登录"></a>
                                    <a href="" class="way-icon way-icon3" title="使用腾讯QQ帐号登录"></a>
                                </div>
                                <div class="ecode">
                                    <div class="downcode"><img src="images/code.jpg" width="100%" height="100%"></div>
                                    <p>扫描二维码下载科袖APP</p>
                                </div>
                            </div>
                        </td> -->
                    </tr>
                </table>
                
            </div>
<!--中间-->
<div id="container">
	<div class="containerCon contConP">
		<div class="covFrmblock">
			<form class="cmpAllFrm">
				<p class="h1Font alignCenter mainColor">注册科袖</p>
				<ul class="loginWaySort">
					<li class="col-w-6 liactive">手机注册</li>
					<li class="col-w-6">邮箱注册</li>
				</ul>
				<div class="waysBlock">
					<div class="loginWays">
						<!--手机注册-->
						<ul class="cmpAllUl cmpCoverUl" id="regMess">
							<li>
								<input type="text" class="frmtype frmtypeW" placeholder="请输入真实姓名" id="yourName"/>
			    				<div class="frmmsg msgLog0"><span></span></div>
							</li>
							<li>
								<input type="phone" class="frmtype frmtypeW" placeholder="请输入手机号码" id="lp_phone"/>
			    				<div class="frmmsg msgLog1"><span></span></div>
							</li>
							<li>
								<div class="col-w-8">
									<input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码" id="companysc"/>
								    <div class="frmmsg msgCmp03"><span></span></div>
							    </div>
							    <div class="col-w-4">
							    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode">获取验证码</button>
							    </div>
							</li>
							<li>
								<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" id="phone_password"/>
			    				<div class="frmmsg msgLog3"><span></span></div>
							</li>
							<li>
								<!--未选中状态c-sign-on_button_xuanze_nor.png-->
								<img class="cmpAgree ifxuanze" src="images/c-sign-on_button_xuanze_hig.png" />
								<span>我已阅读并同意<a class="mainColor" href="privacy.html">《科袖用户协议》</a></span>
							</li>
							<li>
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius" id="reg">注册</button>
							</li>
						</ul>
						<!--邮箱注册-->
						<ul class="cmpAllUl cmpCoverUl displayNone" id="mailMess">
							<li>
								<input type="text" class="frmtype frmtypeW" placeholder="请输入真实姓名" id='mailName'/>
			    				<div class="frmmsg msgLog0"><span></span></div>
							</li>
							<li>
								<input type="email" class="frmtype frmtypeW" placeholder="请输入邮箱地址" id="mailAddress"/>
			    				<div class="frmmsg msgLog1"><span></span></div>
							</li>
							<li>
								<input type="password" class="frmtype frmtypeW" placeholder="请设置登录密码" id="mailLoginPassword"/>
			    				<div class="frmmsg msgLog3"><span></span></div>
							</li>
							<li>
								<!--未选中状态c-sign-on_button_xuanze_nor.png-->
								<img class="cmpAgree ifxuanze" src="images/c-sign-on_button_xuanze_hig.png" />
								<span>我已阅读并同意<a class="mainColor" href="privacy.html">《科袖用户协议》</a></span>
							</li>
							<li>
								<button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius" id="mailReg">注册</button>
							</li>
						</ul>
					</div>
					<div class="clearfix" style="margin-top:-15px;">
						<span class="floatR" style="color:#999">已有账号 <a href="loginNew.html" class="fontLink">立即登录</a></span>
					</div>
				</div>
				<!--邮箱第二步-->
				<ul class="cmpAllUl cmpCoverUl maliTo displayNone">
					<li class="alignCenter">
						<p class="importTip" style="margin:8px 0;">账户激活邮件已发送至：<br />
							<span class="mainColor">lixiaoyuan@ekeixu.com</span>
						</p>
						<p class="smalltip alignCenter">请您在10分钟内登录您的邮箱，接收邮件，<br />点击链接后即可激活账户。</p>
					</li>
					<li>
						<button type="button" class="frmtype frmtypeW btnModel headRadius save-block">登录邮箱</button>
					</li>
				</ul>	
			</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/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/register.js"></script>
</body>
</html>
</html>