Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
jiapeng
/
portal-front
Tarkkaile 3
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Commitit 248 Julkaisut 0 Wiki
Selaa lähdekoodia

新增邀请企业用户注册

xuchunyang 8 vuotta sitten
vanhempi
8b01066778
commit
7c98e752bc
2 muutettua tiedostoa jossa 312 lisäystä ja 14 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 16 14
      cmp-staffReg.html
  2. 296 0
      js/cmp-staffReg.js

+ 16 - 14
cmp-staffReg.html
Näytä tiedosto 

@ -10,8 +10,7 @@
10 10 
<link type="text/css" rel="stylesheet" href="css/common.css">
11 11 
<link type="text/css" rel="stylesheet" href="css/genindex.css">
12 12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
14 
<script type="text/javascript" src="js/common.js"></script>
13
15 14 
</head>
16 15
17 16 
<body class="covbodyBg">

@ -24,35 +23,35 @@
24 23 
	<div class="containerCon contConP">
25 24 
		<div class="covFrmblock">
26 25 
			<form class="cmpAllFrm">
27 
				<p class="h1Font alignCenter"><span class="mainColor cmpOrgName">XXXXXXXXXX（企业名称）</span><br />邀请您注册「科袖」</p>
28 
				<ul class="cmpAllUl cmpCoverUl">
26 
				<p class="h1Font alignCenter"><span class="mainColor cmpOrgName"></span><br />邀请您注册「科袖」</p>
27 
				<ul class="cmpAllUl cmpCoverUl" id="cmpSettledul">
29 28 
					<li>
30 
						<input type="text" class="frmtype frmtypeW" placeholder="请输入您的真实姓名"/>
29 
						<input type="text" class="frmtype frmtypeW" placeholder="请输入您的真实姓名" id="companyName"/>
31 30 
					    <div class="frmmsg msgCmp01"><span></span></div>
32 31 
					</li>
33 32 
					<li>
34 
						<input type="email" class="frmtype frmtypeW companyEmail" value="lixiaoyuan@ekexiu.com" readonly />
33 
						<input type="email" class="frmtype frmtypeW companyEmail" value="" readonly />
35 34 
					</li>
36 35 
					<li>
37 
						<input type="tel" class="frmtype frmtypeW" placeholder="请输入您的手机号码"/>
36 
						<input type="tel" class="frmtype frmtypeW" placeholder="请输入您的手机号码" id="companyPhone"/>
38 37 
					    <div class="frmmsg msgCmp02"><span></span></div>
39 38 
					</li>
40 39 
					<li>
41 40 
						<div class="col-w-8">
42 
							<input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码"/>
41 
							<input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码" id="companysc"/>
43 42 
						    <div class="frmmsg msgCmp03"><span></span></div>
44 43 
					    </div>
45 44 
					    <div class="col-w-4">
46 
					    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius">获取验证码</button>
45 
					    	<button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode">获取验证码</button>
47 46 
					    </div>
48 47 
					</li>
49 48 
					<li>
50 
						<input type="password" class="frmtype frmtypeW" placeholder="请设置您的登录密码"/>
49 
						<input type="password" class="frmtype frmtypeW" placeholder="请设置您的登录密码" id="companyPsw1"/>
51 50 
					    <div class="frmmsg msgCmp04"><span></span></div>
52 51 
					</li>
53 52 
					<li>
54 
						<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认"/>
55 
					    <div class="frmmsg msgCmp03"><span></span></div>
53 
						<input type="password" class="frmtype frmtypeW" placeholder="请再次输入密码确认" id="companyPsw2"/>
54 
					    <div class="frmmsg msgCmp05"><span></span></div>
56 55 
					</li>
57 56 
					<li>
58 57 
						<!--不选状态为图片c-sign-on_button_xuanze_nor.png-->

@ -60,13 +59,16 @@
60 59 
						<span>我已阅读并同意<a href="privacy.html" class="mainColor" target="_blank">《科袖网用户协议》</a></span>
61 60 
					</li>
62 61 
					<li>
63 
						<button type="button" class="frmtype frmtypeW btnModel headRadius save-block">注册</button>
62 
						<button type="button" class="frmtype frmtypeW btnModel headRadius save-block" disabled id="companyRet">注册</button>
64 63 
					</li>
65 64 
				</ul>
66 65 
			</form>
67 66 
		</div>
68 67 
	</div>
69 68 
</div>
70
69 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
70 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
71 
<script type="text/javascript" src="js/common.js"></script>
72 
<script type="text/javascript" src="js/cmp-staffReg.js"></script>
71 73 
</body>
72 74 
</html>

+ 296 - 0
js/cmp-staffReg.js
Näytä tiedosto 

@ -0,0 +1,296 @@
1 
//接受企业邀请，注册「科袖」
2 
$(function() {
3 
	var sc = GetQueryString("sc");
4 
	var companyNameVal, companyPhoneVal, companyscVal, companyPswVal1, companyPswVal2;
5 
	var setname = false;
6 
	var phonePass = false;
7 
	var phoneCode = false;
8 
	var setnewpwd = false;
9 
	var setnewpwd2 = false;
10 
	var ifxuanze = true;
11
12 
	initialVal()
13 
		/*校验注册按钮显示状态*/
14 
	$('#cmpSettledul').on('keyup', "#companyName,#companyPhone,#companysc,#companyPsw1,#companyPsw2", function() {
15 
		if($("#companyName").val() == "" || $("#companyPhone").val() == "" || $("#companysc").val() == "" || $("#companyPsw1").val() == "" || $("#companyPsw2").val() == "") {
16 
			$("#companyRet").attr("disabled", true);
17 
		} else {
18 
			$("#companyRet").attr("disabled", false);
19 
		}
20 
	});
21
22 
	/*校验邀请人名称*/
23 
	$('#companyName').on('keyup', function() {
24 
		checkName();
25 
	});
26
27 
	/*校验邀请人手机*/
28 
	$('#companyPhone').on('keyup', function() {
29 
		checkPhone();
30 
	});
31
32 
	/*校验邀请验证码*/
33 
	$('#companysc').on('keyup', function() {
34 
		checkSc();
35 
	});
36
37 
	/*校验新密码*/
38 
	$('#companyPsw1').on('keyup', function() {
39 
		checkNewPwd();
40 
	});
41
42 
	/*校验新密码*/
43 
	$('#companyPsw2').on('keyup', function() {
44 
		checkNewPwd2();
45 
	});
46
47 
	/*校验单选框*/
48 
	$(".cmpAgree").on("click", function() {
49 
		if($(this).hasClass("ifxuanze")) {
50 
			$(this).removeClass("ifxuanze");
51 
			$(this).attr("src", "images/c-sign-on_button_xuanze_nor.png")
52 
			ifxuanze = false;
53 
		} else {
54 
			$(this).addClass("ifxuanze");
55 
			$(this).attr("src", "images/c-sign-on_button_xuanze_hig.png");
56 
			ifxuanze = true;
57 
		}
58 
	})
59
60 
	/*提交校验*/
61 
	$('#companyRet').on('click', function() {
62 
		if(ifxuanze) {
63 
			valEmail();
64 
		} else {
65 
			$.MsgBox.Alert('提示', '请确认后勾选此选项')
66 
		}
67 
	});
68
69 
	function initialVal() {
70 
		$.ajax("/ajax/inviteStaff/" + sc, {
71 
			type: "POST",
72 
			success: function($data) {
73 
				console.log($data)
74 
				if($data.success) {
75 
					$(".cmpOrgName").text($data.data.orgName);
76 
					$(".companyEmail").val($data.data.email);
77 
				} else {
78 
					$.MsgBox.Alert('消息', '验证链接已失效')
79 
				}
80 
			},
81 
			error: function() {
82 
				$.MsgBox.Alert('消息', '服务器请求失败')
83 
			},
84 
		});
85 
	}
86
87 
	function valEmail() {
88 
		$.ajax("/ajax/isReg?key=" + $(".companyEmail").val(), {
89 
			type: "GET",
90 
			async: true,
91 
			success: function($data) {
92 
				if($data.data == false) {
93 
					$.MsgBox.Alert('消息', '您的邮箱已被注册,请直接登录')
94 
				} else {
95 
					tijiaoFun();
96 
				}
97 
			},
98 
			error: function() {
99 
				$.MsgBox.Alert('消息', '服务器请求失败')
100 
			},
101 
		});
102
103 
	}
104
105 
	function checkName() {
106 
		companyNameVal = $("#companyName").val();
107 
		if(companyNameVal.length == "") {
108 
			$(".msgCmp01 span").text("请输入您的真实姓名");
109 
		} else {
110 
			$(".msgCmp01 span").text("");
111 
			setname = true;
112 
		}
113 
	}
114
115 
	function checkPhone() {
116 
		companyPhoneVal = $("#companyPhone").val();
117 
		$.ajax("/ajax/isReg?key=" + companyPhoneVal, {
118 
			type: "GET",
119 
			async: true,
120 
			success: function($data) {
121 
				if(companyPhoneVal.length == 0) {
122 
					$(".msgCmp02").text("请输入您的手机号码");
123 
					$("#getcode").attr("disabled", true);
124 
				} else {
125 
					var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
126 
					if(hunPhone.test(companyPhoneVal.trim())) {
127 
						if($data.data == false) {
128 
							$(".msgCmp02").text("该手机已注册账户，您可以直接登录");
129 
						} else {
130 
							$(".msgCmp02").text("");
131 
							phonePass = true;
132 
							$("#getcode").attr("disabled", false);
133 
							addEvent(btn, "click", handler); //手机必须验证正确，才执行
134 
						}
135 
					} else {
136 
						phonePass = false;
137 
						$(".msgCmp02").text("请输入正确的手机号码");
138 
						$("#getcode").attr("disabled", true);
139 
					}
140 
				}
141 
			},
142 
			error: function() {
143 
				$.MsgBox.Alert('消息', '服务器请求失败')
144 
			},
145 
		});
146 
	}
147
148 
	function checkSc() {
149 
		companyscVal = $("#companysc").val();
150 
		if(companyscVal.length == 0) {
151 
			$(".msgCmp03").text("请输入您收到的验证码");
152 
			phoneCode = false;
153 
		} else {
154 
			var d = /^[0-9a-zA-Z]{4}$/;
155 
			if(d.test(companyscVal.trim())) {
156 
				$(".msgCmp03").text("");
157 
				phoneCode = true;
158 
			} else {
159 
				$(".msgCmp03").text("验证码为4位数字，请检查后重试");
160 
				phoneCode = false;
161 
			}
162 
		}
163 
	}
164
165 
	//手机发送验证码
166 
	var btn = document.getElementById("getcode");
167 
	var handler = function() {
168 
		doClick();
169 
		phoneVerificationCode(); //调用发送手机验证码接口
170 
		removeEvent(btn, 'click', handler); //取消绑定该事件
171 
	}
172
173 
	function addEvent(obj, type, handler) {
174 
		if(obj.addEventListener) {
175 
			obj.addEventListener(type, handler, false);
176 
		} else if(obj.attachEvent) {
177 
			obj.attachEvent('on' + type, handler);
178 
		}
179 
	}
180
181 
	function removeEvent(obj, type, handler) {
182 
		if(obj.removeEventListener) {
183 
			obj.removeEventListener(type, handler, false);
184 
		} else if(obj.detachEvent) {
185 
			obj.detachEvent("on" + type, handler);
186 
		}
187 
	}
188
189 
	function doClick() {
190 
		removeClass(btn, 'getcodeon');
191 
		addClass(btn, 'getcodeoff');
192 
		btn.innerHTML = "60s后重新获取";
193 
		var clickTime = new Date().getTime();
194 
		var Timer = setInterval(function() {
195 
			var nowTime = new Date().getTime();
196 
			var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
197 
			if(second > 0) {
198 
				btn.innerHTML = second + "s后重新获取";
199 
			} else {
200 
				clearInterval(Timer);
201 
				removeClass(btn, 'getcodeoff');
202 
				addClass(btn, 'getcodeon');
203 
				btn.innerHTML = "免费获取验证码";
204 
				addEvent(btn, "click", handler);
205 
			}
206 
		}, 1000);
207 
	}
208
209 
	function hasClass(obj, cls) {
210 
		return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
211 
	}
212
213 
	function addClass(obj, cls) {
214 
		if(!hasClass(obj, cls)) obj.className += " " + cls;
215 
	}
216
217 
	function removeClass(obj, cls) {
218 
		if(hasClass(obj, cls)) {
219 
			var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
220 
			obj.className = obj.className.replace(reg, ' ');
221 
		}
222 
	}
223
224 
	//手机发送验证码结束
225 
	var state;
226
227 
	function phoneVerificationCode() {
228 
		if(phonePass) {
229 
			$.ajax("/ajax/regmobilephone", {
230 
				type: "get",
231 
				async: true,
232 
				success: function(data) {
233 
					if(data.success) {
234 
						state = data.data;
235 
					}
236 
				},
237 
				error: function() {
238 
					$.MsgBox.Alert('消息', '服务器请求失败');
239 
				},
240 
				data: {
241 
					"mobilePhone": $("#companyPhone").val()
242 
				},
243 
				dataType: 'json'
244 
			});
245 
		}
246 
	};
247
248 
	function checkNewPwd() {
249 
		companyPswVal1 = $("#companyPsw1").val();
250 
		if(companyPswVal1.length < 6) {
251 
			$(".msgCmp04 span").text("密码由6-24个字符组成，区分大小写");
252 
		} else {
253 
			$(".msgCmp04 span").text("");
254 
			setnewpwd = true;
255 
		}
256 
	}
257
258 
	function checkNewPwd2() {
259 
		companyPswVal2 = $("#companyPsw2").val();
260 
		if(companyPswVal2.length < 6) {
261 
			$(".msgCmp05 span").text("密码由6-24个字符组成，区分大小写");
262 
		} else if(companyPswVal1 != companyPswVal2) {
263 
			$(".msgCmp05 span").text("两次输入不一致，请重新输入");
264 
		} else {
265 
			$(".msgCmp05 span").text("");
266 
			setnewpwd2 = true;
267 
		}
268 
	}
269
270 
	function tijiaoFun() {
271 
		if(setname && phonePass && phoneCode && setnewpwd && setnewpwd2) {
272 
			$.ajax("/ajax/regInviteStaff", {
273 
				data: {
274 
					"key": sc,
275 
					"state": state,
276 
					"phone": companyPhoneVal,
277 
					"validateCode": companyscVal,
278 
					"name": companyNameVal,
279 
					"passwd": companyPswVal2
280 
				},
281 
				type: "POST",
282 
				dataType: 'json',
283 
				async: true,
284 
				success: function(data) {
285 
					if(data.success) {
286 
						location.href = "index.html";
287 
					}
288 
				},
289 
				error: function() {
290 
					$.MsgBox.Alert('消息', '服务器请求失败');
291 
				}
292 
			});
293 
		}
294 
	};
295
296 
})