portal html css js resource

cmp-staffReg.js 7.6KB

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