portal html css js resource

cmp-staffReg.js 8.8KB

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