portal html css js resource

register.js 9.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. $(document).ready(function(){
  2. var userName=false;
  3. var phoneNumber=false;
  4. var phoneMa=false;
  5. var regNumber=false;
  6. var state;
  7. /*点击切换手机注册或者邮箱注册*/
  8. $(".loginWaySort").on("click","li",function(){
  9. $(this).addClass("liactive").siblings().removeClass("liactive");
  10. $(".loginWays ul").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone");
  11. $(".cmpAllFrm").find("input").val("").find("button").attr("disabled","disabled");
  12. $(".frmmsg").find("span").text("");
  13. })
  14. /*校验名字*/
  15. //失去焦点后校验:1、输入框为空,提示:请输入您的真实姓名
  16. $("#yourName").blur(function(){
  17. if($("#yourName").val().length==0){
  18. $(".msgLog0").find("span").text("请输入您的真实姓名");
  19. userName=false;
  20. }else{
  21. $(".msgLog0").find("span").text("");
  22. userName=true;
  23. }
  24. })
  25. /*校验手机号*/
  26. $("#lp_phone").blur(function(){
  27. phoneYesOrNo();
  28. });
  29. /*校验手机是否已经注册函数*/
  30. function phoneYesOrNo() {
  31. var phone = $("#lp_phone").val();
  32. if(phone.length==0) {
  33. $("#getcode").attr("disabled","disabled");
  34. $(".msgLog1").find("span").text("请输入您的手机号码");
  35. phoneNumber=false;
  36. return;
  37. }else{
  38. var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
  39. if(!hunPhone.test(phone.trim())) {
  40. $("#getcode").attr("disabled","disabled");
  41. $(".msgLog1").find("span").text("请输入正确的手机号码");
  42. phoneNumber=false;
  43. return;
  44. }else{
  45. $(".msgLog1").find("span").text("");
  46. phoneNumber=true;
  47. }
  48. }
  49. $.ajax("/ajax/isReg?key=" + phone, {
  50. type: "GET",
  51. async: true,
  52. success: function($data) {
  53. if($data.success) {
  54. if($data.data == false) {
  55. $(".msgLog1").find("span").text("您的手机已被注册");
  56. $("#getcode").attr("disabled","disabled");
  57. phoneNumber=false;
  58. } else {
  59. $(".msgLog1").find("span").text("");
  60. $("#getcode").removeAttr("disabled");
  61. phoneNumber=true;
  62. }
  63. }
  64. },
  65. error: function() {
  66. $.MsgBox.Alert('消息', '服务器请求失败')
  67. },
  68. });
  69. }
  70. /*校验手机验证码*/
  71. $("#companysc").blur(function() {
  72. var authCode = $("#companysc").val();
  73. if(authCode.length == 0) {
  74. $(".msgCmp03").find("span").text("请输入您收到的短信验证码");
  75. phoneMa=false;
  76. } else {
  77. var d = /^\d{4}$/;
  78. if(d.test(authCode.trim())) {
  79. $(".msgCmp03").find("span").text("");
  80. phoneMa=true;
  81. } else {
  82. $(".msgCmp03").find("span").text("验证码为4位数字");
  83. phoneMa=false;
  84. }
  85. }
  86. })
  87. /*获取验证码*/
  88. $("#getcode").on("click",function(){
  89. doClick();
  90. getPhoneCode();
  91. });
  92. function doClick() {
  93. $("#getcode").html("60s后重新获取");
  94. $("#getcode").attr("disabled","disabled");
  95. var clickTime = new Date().getTime();
  96. var Timer = setInterval(function() {
  97. var nowTime = new Date().getTime();
  98. var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
  99. if(second > 0) {
  100. $("#getcode").html(second + "s后重新获取");
  101. } else {
  102. clearInterval(Timer);
  103. $("#getcode").html("免费获取验证码");
  104. $("#getcode").removeAttr("disabled");
  105. }
  106. }, 1000);
  107. }
  108. /*发送手机验证码*/
  109. function getPhoneCode() {
  110. $.ajax("/ajax/regmobilephone", {
  111. type: "get",
  112. async: true,
  113. success: function(data) {
  114. if(data.success) {
  115. state = data.data;
  116. }
  117. },
  118. error: function() {
  119. $.MsgBox.Alert('message', '服务器连接超时')
  120. },
  121. data: {
  122. "mobilePhone": $("#lp_phone").val()
  123. },
  124. dataType: 'json'
  125. });
  126. }
  127. /*登录密码校验*/
  128. $("#phone_password").blur(function(){
  129. setPassword();
  130. })
  131. function setPassword() {
  132. var password = $("#phone_password").val();
  133. if(password.length == 0) {
  134. $(".msgLog3").find("span").text("请设置您的登录密码");
  135. regNumber=false;
  136. } else {
  137. var hunPhone = /^[0-9a-zA-Z]{6,}$/;
  138. if(hunPhone.test(password.trim())) {
  139. $(".msgLog3").find("span").text("");
  140. regNumber=true;
  141. } else {
  142. $(".msgLog3").find("span").text("密码由6-24个字符组成,区分大小写");
  143. regNumber=false;
  144. }
  145. }
  146. }
  147. /*注册*/
  148. $("#regMess").on("keyup","#yourName,#lp_phone,#companysc,#phone_password",function(){
  149. if($("#yourName").val().length != 0 && $("#lp_phone").val().length != 0&&$("#companysc").val().length != 0&&$("#phone_password").val().length != 0) {
  150. $("#reg").removeAttr("disabled");
  151. }else{
  152. $("#reg").attr("disabled","disabled");
  153. }
  154. })
  155. /*注册函数*/
  156. function userReg() {
  157. console.log(state)
  158. $.ajax("/ajax/mobileReg", {
  159. type: "POST",
  160. async: true,
  161. success: function(data) {
  162. console.log(data);
  163. if(data.success) {
  164. loginagain();
  165. }else{
  166. if(data.code==-1){
  167. $.MsgBox.Alert('消息', '验证码已过期,请重新获取');
  168. }else if(data.code==-2){
  169. $(".msgCmp03 span").text('验证码错误,请检查后重试');
  170. }else if(data.code==-3){
  171. $(".msgCmp03 span").text('验证码错误,请检查后重试')
  172. }else if(data.code==0){
  173. $(".msgCmp03 span").text('验证码错误,请检查后重试')
  174. }
  175. }
  176. },
  177. error: function() {
  178. $.MsgBox.Alert('消息', '服务器请求失败');
  179. },
  180. data: {
  181. "state": state,
  182. "mobilePhone": $("#lp_phone").val(),
  183. "validateCode": $("#companysc").val(),
  184. "password": $("#phone_password").val(),
  185. "name" :$("#yourName").val()
  186. },
  187. dataType: 'json'
  188. });
  189. }
  190. function loginagain() {
  191. $.ajax("/ajax/login", {
  192. type: "POST",
  193. async: false,
  194. success: function(data) {
  195. console.log(data);
  196. if (data.success) {
  197. location.href = "fillinfo-select.html";
  198. }
  199. },
  200. error: function() {
  201. $.MsgBox.Alert('消息', '服务器请求失败');
  202. },
  203. data: {
  204. "pw": $("#phone_password").val(),
  205. "lk": $("#lp_phone").val()
  206. },
  207. dataType: 'json'
  208. });
  209. }
  210. /*手机注册*/
  211. $("#reg").click(function(){
  212. if(userName==true && phoneNumber==true && phoneMa==true && regNumber==true) {
  213. userReg();
  214. }
  215. })
  216. /*邮箱注册*/
  217. var oMailName=false;
  218. var oRegNumber=false;
  219. var emailPass=false;
  220. $("#mailName").blur(function(){
  221. if($("#mailName").val().length==0){
  222. $(".msgLog0").find("span").text("请输入您的真实姓名");
  223. oMailName=false;
  224. }else{
  225. $(".msgLog0").find("span").text("");
  226. oMailName=true;
  227. }
  228. })
  229. /*邮箱登录密码校验*/
  230. $("#mailLoginPassword").blur(function(){
  231. mailSetPassword();
  232. })
  233. function mailSetPassword() {
  234. passw();
  235. }
  236. /*校验登录密码函数*/
  237. function passw() {
  238. var password = $("#mailLoginPassword").val();
  239. if(password.length == 0) {
  240. $(".msgLog3").find("span").text("请设置您的登录密码");
  241. oRegNumber=false;
  242. } else {
  243. var hunPhone = /^[0-9a-zA-Z]{6,}$/;
  244. if(hunPhone.test(password.trim())) {
  245. $(".msgLog3").find("span").text("");
  246. oRegNumber=true;
  247. } else {
  248. $(".msgLog3").find("span").text("密码由6-24个字符组成,区分大小写");
  249. oRegNumber=false;
  250. }
  251. }
  252. }
  253. /*校验邮箱地址*/
  254. $("#mailAddress").blur(function(){
  255. oEmail();
  256. })
  257. /*校验邮箱地址函数*/
  258. function oEmail(){
  259. var email = $("#mailAddress").val();
  260. var gunf = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  261. if(email.length==0) {
  262. $(".msgLog1").find("span").text("请输入您的邮箱地址");
  263. }else{
  264. if(gunf.test(email.trim())) {
  265. valEmail();
  266. } else {
  267. /*alert("请输入正确是邮箱地址");*/
  268. $(".msgLog1").find("span").text("请输入正确的邮箱地址");
  269. emailPass = false;
  270. }
  271. }
  272. }
  273. function valEmail() {
  274. $.ajax("/ajax/isReg?key=" + $("#mailAddress").val(), {
  275. type: "GET",
  276. async: true,
  277. success: function($data) {
  278. console.log($data);
  279. if($data.data == false) {
  280. $(".msgLog1").find("span").text("该账号已存在,请直接登录");
  281. emailPass = false;
  282. } else {
  283. $(".msgLog1").find("span").text("");
  284. emailPass = true;
  285. }
  286. },
  287. error: function() {
  288. $.MsgBox.Alert('消息', '服务器请求失败')
  289. },
  290. });
  291. }
  292. /*注册是否点击*/
  293. $("#mailMess").on("keyup","#mailName,#mailAddress,#mailLoginPassword",function(){
  294. if ($("#mailName").val().length != 0 && $("#mailAddress").val().length != 0 && $("#mailLoginPassword").val().length != 0) {
  295. $("#mailReg").removeAttr("disabled");
  296. } else{
  297. $("#mailReg").attr("disabled","disabled");
  298. }
  299. })
  300. $("#mailReg").on("click",function(){
  301. if(oMailName==true && oRegNumber==true && emailPass==true) {
  302. mailRegistration();
  303. }
  304. })
  305. //邮箱注册提交
  306. function mailRegistration() {
  307. var mailVal = $("#mailAddress").val();
  308. var maiName = $("#mailName").val();
  309. var passwordVal = $("#mailLoginPassword").val();
  310. $.ajax("/ajax/emailReg", {
  311. type: "POST",
  312. async: true,
  313. success: function(data) {
  314. if(data.success) {
  315. $.cookie('mailVal', mailVal);
  316. location.href = "bind-mail.html";
  317. } else {
  318. $.MsgBox.Alert('消息', '邮箱发送失败');
  319. }
  320. },
  321. error: function() {
  322. $.MsgBox.Alert('消息', '邮箱发送失败');
  323. },
  324. data: {
  325. "mail": mailVal,
  326. "password": passwordVal,
  327. "name" : maiName
  328. },
  329. dataType: 'json'
  330. });
  331. }
  332. })