portal html css js resource

register.js 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443
  1. loginStatus();//判断个人是否登录
  2. // JavaScript Document
  3. //var _widht = document.documentElement.clientWidth; //屏幕宽
  4. var _height = document.documentElement.clientHeight; //屏幕高
  5. //var boxWidth = $(".registerbox").width();
  6. var boxHeight = $(".registerbox").height();
  7. $(".registerbox").css({
  8. top: "80px"
  9. });
  10. /**复选框**/
  11. // $('.agreeNotice').click(function(){
  12. // var formbox = $(this).closest("form");
  13. // if(formbox.find('.gree').prop('checked')){
  14. // formbox.find('.agreeNotice em').css('background-position','0px 0px');
  15. // formbox.find('.gree').prop('checked',false);
  16. // formbox.find('.agreeNotice').next('span').show();
  17. // }else{
  18. // formbox.find('.gree').prop('checked',true);
  19. // formbox.find('.agreeNotice').next('span').hide();
  20. // formbox.find('.agreeNotice em').css('background-position','0px -12px');
  21. //
  22. // }
  23. // });
  24. //手机、邮箱切换
  25. $(".phone").click(function() {
  26. $(this).find("img").attr("src", "images/phoneIcon2.png");
  27. $(".mail").find("img").attr("src", "images/mailIcon.png");
  28. $(".mail").removeClass("active");
  29. $(this).addClass("active");
  30. $(".styleline").animate({
  31. left: "0px"
  32. });
  33. $("#mail_form").hide();
  34. $('#phone_form').show();
  35. });
  36. $(".mail").click(function() {
  37. $(this).find("img").attr("src", "images/mailIcon2.png");
  38. $(".phone").find("img").attr("src", "images/phoneIcon.png");
  39. $(".phone").removeClass("active");
  40. $(this).addClass("active");
  41. $(".styleline").animate({
  42. left: "121px"
  43. });
  44. $("#phone_form").hide();
  45. $("#mail_form").show();
  46. });
  47. //手机注册模块
  48. //验证手机号
  49. var phonePass = false;
  50. function phoneVal() {
  51. var phone = $("#lp_phone").val();
  52. $.ajax("/ajax/isReg?key=" + phone, {
  53. type: "GET",
  54. async: true,
  55. success: function($data) {
  56. if(phone.length == 0) {
  57. $(".msgphone1").text("请输入您的手机号码");
  58. } else {
  59. var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
  60. if(hunPhone.test(phone.trim())) {
  61. if($data.data == false) {
  62. $(".msgphone1").text("您的手机已被注册");
  63. } else {
  64. $(".msgphone1").text("");
  65. phonePass = true;
  66. addEvent(btn, "click", handler); //手机必须验证正确,才执行
  67. }
  68. } else {
  69. phonePass = false;
  70. $(".msgphone1").text("手机格式有误,请输入正确的手机号码");
  71. }
  72. }
  73. },
  74. error: function() {
  75. $.MsgBox.Alert('消息', '服务器请求失败')
  76. },
  77. });
  78. }
  79. $("#lp_phone").blur(function() {
  80. phoneVal();
  81. });
  82. //验证随机验证码
  83. var phoneCode = false;
  84. $("#lp_yzm").blur(function() {
  85. var authCode = $("#lp_yzm").val();
  86. if(authCode.length == 0) {
  87. $(".msgphone2").text("请输入您的验证码");
  88. phoneCode = false;
  89. } else {
  90. var d = /^[0-9a-zA-Z]{4}$/;
  91. if(d.test(authCode.trim())) {
  92. $(".msgphone2").text("");
  93. phoneCode = true;
  94. } else {
  95. $(".msgphone2").text("请输入您的验证码不正确");
  96. phoneCode = false;
  97. }
  98. }
  99. });
  100. //获取手机验证码
  101. //var setTime;
  102. //$(".getcode1").click(function(){
  103. // $(".coderli span").removeClass("getcode1").addClass("getcode2");
  104. // setTime=setInterval(Countdown,1000);
  105. // phoneVerificationCode();
  106. //})
  107. //var j=180;
  108. //function Countdown(){
  109. // j--;
  110. // $(".getcode2").text("等待"+j+"秒后重新获取");
  111. // if(j==0){
  112. // $(".coderli span").removeClass("getcode2").addClass("getcode1").text("请重新获取验证码");
  113. // clearInterval(setTime);
  114. // j=180;
  115. // }
  116. //}
  117. //手机发送验证码
  118. var btn = document.getElementById("getcode");
  119. var handler = function() {
  120. doClick();
  121. phoneVerificationCode(); //调用发送手机验证码接口
  122. removeEvent(btn, 'click', handler); //取消绑定该事件
  123. }
  124. function addEvent(obj, type, handler) {
  125. if(obj.addEventListener) {
  126. obj.addEventListener(type, handler, false);
  127. } else if(obj.attachEvent) {
  128. obj.attachEvent('on' + type, handler);
  129. }
  130. }
  131. function removeEvent(obj, type, handler) {
  132. if(obj.removeEventListener) {
  133. obj.removeEventListener(type, handler, false);
  134. } else if(obj.detachEvent) {
  135. obj.detachEvent("on" + type, handler);
  136. }
  137. }
  138. function doClick() {
  139. removeClass(btn, 'getcodeon');
  140. addClass(btn, 'getcodeoff');
  141. btn.innerHTML = "60s后重新获取";
  142. var clickTime = new Date().getTime();
  143. var Timer = setInterval(function() {
  144. var nowTime = new Date().getTime();
  145. var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
  146. if(second > 0) {
  147. btn.innerHTML = second + "s后重新获取";
  148. } else {
  149. clearInterval(Timer);
  150. removeClass(btn, 'getcodeoff');
  151. addClass(btn, 'getcodeon');
  152. btn.innerHTML = "免费获取验证码";
  153. addEvent(btn, "click", handler);
  154. }
  155. }, 1000);
  156. }
  157. function hasClass(obj, cls) {
  158. return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
  159. }
  160. function addClass(obj, cls) {
  161. if(!hasClass(obj, cls)) obj.className += " " + cls;
  162. }
  163. function removeClass(obj, cls) {
  164. if(hasClass(obj, cls)) {
  165. var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
  166. obj.className = obj.className.replace(reg, ' ');
  167. }
  168. }
  169. //手机发送验证码结束
  170. var state;
  171. function phoneVerificationCode() {
  172. if(phonePass) {
  173. $.ajax("/ajax/regmobilephone", {
  174. type: "get",
  175. async: true,
  176. success: function(data) {
  177. if(data.success) {
  178. state = data.data;
  179. }
  180. },
  181. error: function() {
  182. $.MsgBox.Alert('message', 'fail')
  183. },
  184. data: {
  185. "mobilePhone": $("#lp_phone").val()
  186. },
  187. dataType: 'json'
  188. });
  189. }
  190. };
  191. //验证手机验证码
  192. var setpass1 = false;
  193. function setPhoneCode() {
  194. var pass = $("#lp_coder").val();
  195. if(pass.length == 0) {
  196. $(".msgphone3").text("请输入您的验证码");
  197. } else {
  198. var hunPhone = /^[0-9]{4}$/;
  199. if(hunPhone.test(pass.trim())) {
  200. $(".msgphone3").text("");
  201. setpass1 = true;
  202. } else {
  203. $(".msgphone3").text("验证码4位");
  204. }
  205. }
  206. }
  207. $("#lp_coder").blur(function() {
  208. setPhoneCode();
  209. });
  210. //设置密码
  211. var password;
  212. var setpass = false;
  213. function setPassword() {
  214. password = $("#phone_password").val();
  215. if(password.length == 0) {
  216. $(".msgphone4").text("请输入您的密码");
  217. } else {
  218. var hunPhone = /^[0-9a-zA-Z]{6,}$/;
  219. if(hunPhone.test(password.trim())) {
  220. $(".msgphone4").text("");
  221. setpass = true;
  222. } else {
  223. //$(".msgphone4").text("密码6到16位");
  224. $(".msgphone4").text("密码由6-24 个字符组成,区分大小写");
  225. }
  226. }
  227. }
  228. $("#phone_password").blur(function() {
  229. setPassword();
  230. });
  231. //再次确定密码
  232. var setpassagain = false;
  233. function setPasswordAgain() {
  234. var passwordAgain = $("#phone_password2").val();
  235. if(passwordAgain.length == 0) {
  236. $(".msgphone5").text("请再次输入您的密码");
  237. } else {
  238. var hunPhone = /^[0-9a-zA-Z]{6,}$/;
  239. if(hunPhone.test(password.trim()) && passwordAgain == password) {
  240. $(".msgphone5").text("");
  241. setpassagain = true;
  242. } else {
  243. $(".msgphone5").text("两次密码不一致");
  244. }
  245. }
  246. }
  247. $("#phone_password2").blur(function() {
  248. setPasswordAgain();
  249. });
  250. //手机注册提交
  251. $("#btnn").click(function() {
  252. if(phonePass && setpass1 && setpassagain) {
  253. $.ajax("/ajax/regmobile", {
  254. type: "POST",
  255. async: false,
  256. success: function(data) {
  257. console.log(data)
  258. if(data.success) {
  259. loginagain(); //调用登录的接口
  260. // $(".completedcover").css("display","block");
  261. // $("#afterSay").click(function(){
  262. // location.href="index.html";
  263. // });
  264. // $("#todayPerfect").click(function(){
  265. // location.href="information-add.html?id="+data.data;
  266. // });
  267. location.href = "fillinfo-select.html?id=" + data.data;
  268. }else{
  269. if(data.code==-1){
  270. $.MsgBox.Alert('消息', '验证超时');
  271. }else if(data.code==-2){
  272. $.MsgBox.Alert('消息', '手机号与验证手机不匹配');
  273. }else if(data.code==-3){
  274. $.MsgBox.Alert('消息', '验证码错误');
  275. }
  276. }
  277. },
  278. error: function() {
  279. $.MsgBox.Alert('消息', '服务器请求失败');
  280. },
  281. data: {
  282. "state": state,
  283. "mobilePhone": $("#lp_phone").val(),
  284. "validateCode": $("#lp_coder").val(),
  285. "password": $("#phone_password").val(),
  286. "inviterId": GetQueryString("inviterId")
  287. },
  288. dataType: 'json'
  289. });
  290. }else{
  291. phoneVal();
  292. setPhoneCode();
  293. setPassword();
  294. setPasswordAgain();
  295. }
  296. });
  297. function loginagain() {
  298. $.ajax("/ajax/login", {
  299. type: "POST",
  300. async: false,
  301. success: function(data) {},
  302. error: function() {
  303. $.MsgBox.Alert('消息', '服务器请求失败');
  304. },
  305. data: {
  306. "pw": $("#phone_password").val(),
  307. "lk": $("#lp_phone").val()
  308. },
  309. dataType: 'json'
  310. });
  311. }
  312. //邮箱注册模块
  313. //邮箱验证
  314. var emailPass = false;
  315. function valEmail() {
  316. var email = $("#lp_email").val();
  317. //var gunf=/^\w+@\w+\.((cn)|(com)|(com\.cn))$/;
  318. var gunf = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  319. $.ajax("/ajax/isReg?key=" + email, {
  320. type: "GET",
  321. async: true,
  322. success: function($data) {
  323. if($data.data == false) {
  324. $(".msgema1 span").text("您的邮箱已被注册");
  325. } else {
  326. if(gunf.test(email.trim())) {
  327. $(".msgema1 span").text("");
  328. emailPass = true;
  329. } else {
  330. /*alert("请输入正确是邮箱地址");*/
  331. $(".msgema1 span").text("请输入正确是邮箱地址");
  332. emailPass = false;
  333. }
  334. }
  335. },
  336. error: function() {
  337. $.MsgBox.Alert('消息', '服务器请求失败')
  338. },
  339. });
  340. }
  341. $("#lp_email").blur(function() {
  342. valEmail();
  343. });
  344. //输入密码及确认密码
  345. var oldPass = false;
  346. var isPass = false;
  347. function valOld() {
  348. var oldPassword = $("#mail_password").val();
  349. if(oldPassword.length == 0) {
  350. $(".msgema2 span").text("密码不能为空");
  351. oldPass = false;
  352. } else if(oldPassword.length < 6) {
  353. $(".msgema2 span").text("密码不少于6位,请输入正确的密码");
  354. } else {
  355. $(".msgema2 span").text("");
  356. oldPass = true;
  357. }
  358. }
  359. $("#mail_password").blur(function() {
  360. valOld();
  361. })
  362. function valNew() {
  363. var newPassword = $("#mail_password").val();
  364. var oldPassword = $("#mail_password1").val();
  365. if(oldPassword.length == 0) {
  366. $(".msgema3 span").text("密码不能为空");
  367. } else if(oldPassword.length < 6) {
  368. $(".msgema3 span").text("密码长度过短,至少六位");
  369. } else if(oldPassword != newPassword) {
  370. $(".msgema3 span").text("两次密码不一致");
  371. } else {
  372. isPass = true;
  373. $(".msgema3 span").text("");
  374. }
  375. }
  376. $("#mail_password1").blur(function() {
  377. valNew();
  378. })
  379. //邮箱注册提交
  380. function mailRegistration() {
  381. var mailVal = $("#lp_email").val();
  382. var passwordVal = $("#mail_password1").val();
  383. if(isPass && emailPass) {
  384. $.ajax("/ajax/regmail", {
  385. type: "POST",
  386. async: false,
  387. success: function(data) {
  388. if(data.success) {
  389. $.cookie('mailVal', mailVal);
  390. location.href = "bind-mail.html";
  391. } else {
  392. $.MsgBox.Alert('消息', '邮箱发送失败');
  393. }
  394. },
  395. error: function() {
  396. $.MsgBox.Alert('消息', '邮箱发送失败');
  397. },
  398. data: {
  399. "mail": mailVal,
  400. "password": passwordVal,
  401. "inviterId": GetQueryString("inviterId")
  402. },
  403. dataType: 'json'
  404. });
  405. }else{
  406. valEmail();
  407. valOld();
  408. valNew();
  409. }
  410. }
  411. $("#btnn1").click(function() {
  412. mailRegistration();
  413. });