contact.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. if ($(".mailcode").length > 0) {
  2. var type = "email";
  3. } else {
  4. var type = "phone";
  5. }
  6. // 点击发送验证码 倒计时
  7. function sendcode() {
  8. $(".getcode").attr("disabled", "disabled");
  9. var i = 60;
  10. count_down = setInterval(function () {
  11. $(".getcode").addClass("cutdown");
  12. $('.getcode').text(i + "s");
  13. i--;
  14. if (i < 0) {
  15. clearInterval(count_down);
  16. $(".getcode").removeAttr("disabled");
  17. $(".getcode").removeClass("cutdown");
  18. $(".getcode").text("发送验证码");
  19. }
  20. }, 1000);
  21. $.ajax({
  22. type: 'POST',
  23. url: "/member/resetpwdsendcode",
  24. dataType: 'json',
  25. data: { type: type },
  26. success: function (json) {
  27. if (json.code == 1) {
  28. layer.msg('验证码发送成功');
  29. } else {
  30. $(".mail_code_erro").show();
  31. $(".mail_code_erro").text(json.msg);
  32. $(".mailcode").css("border", "1px solid #FC5350");
  33. $(".phone_code_erro").show();
  34. $(".phone_code_erro").text(json.msg);
  35. $(".phonecode").css("border", "1px solid #FC5350")
  36. // layer.alert(json.msg);
  37. }
  38. },
  39. error: function () {
  40. layer.alert('网络错误,请刷新页面重试');
  41. }
  42. });
  43. }
  44. //邮箱验证点击下一步
  45. function mail() {
  46. var mailcode = $('input[name=code]').val();
  47. if (mailcode == "") {
  48. $(".mail_code_erro").show();
  49. $(".mail_code_erro").text("请输入验证码");
  50. $(".mailcode").css("border", "1px solid #FC5350")
  51. } else {
  52. $(".mail_code_erro").hide();
  53. $(".mailcode").css("border", "1px solid #DCDCDC")
  54. }
  55. next(mailcode);
  56. }
  57. // 手机号验证点击下一步
  58. function phone() {
  59. var phonecode = $('input[name=code]').val();
  60. if (phonecode == "") {
  61. $(".phone_code_erro").show();
  62. $(".phone_code_erro").text("请输入验证码");
  63. $(".phonecode").css("border", "1px solid #FC5350")
  64. } else {
  65. $(".phone_code_erro").hide();
  66. $(".phonecode").css("border", "1px solid #DCDCDC")
  67. }
  68. next(phonecode);
  69. }
  70. // 点击立即验证
  71. $(".bind.mailbox").click(function () {
  72. $(".verification").hide();
  73. $(".mailbox_validation").show();
  74. })
  75. $(".bind.phonenum").click(function () {
  76. $(".verification").hide();
  77. $(".phone_validation").show();
  78. })
  79. $(".back").click(function () {
  80. $(".verification").show();
  81. $(".phone_validation").hide();
  82. $(".mailbox_validation").hide();
  83. })
  84. function next(code) {
  85. $.ajax({
  86. type: 'POST',
  87. url: "/member/resetpwdcheckcode",
  88. dataType: 'json',
  89. data: { type: type, code: code },
  90. success: function (json) {
  91. if (json.code == 1) {
  92. window.location.href = json.url;
  93. } else {
  94. $(".mail_code_erro").show();
  95. $(".mail_code_erro").text(json.msg);
  96. $(".mailcode").css("border", "1px solid #FC5350");
  97. $(".phone_code_erro").show();
  98. $(".phone_code_erro").text(json.msg);
  99. $(".phonecode").css("border", "1px solid #FC5350")
  100. // layer.alert(json.msg);
  101. }
  102. },
  103. error: function () {
  104. layer.alert('网络错误,请刷新页面重试');
  105. }
  106. });
  107. }
  108. // 失去焦点时
  109. $(".phonecode").on('blur', function () {
  110. var phonecode = $('input[name=code]').val();
  111. if (phonecode == "") {
  112. $(".phone_code_erro").show();
  113. $(".phone_code_erro").text("请输入验证码");
  114. $(".phonecode").css("border", "1px solid #FC5350")
  115. } else {
  116. $(".phone_code_erro").hide();
  117. $(".phonecode").css("border", "1px solid #DCDCDC")
  118. }
  119. })
  120. $(".mailcode").on('blur', function () {
  121. var mailcode = $('input[name=code]').val();
  122. if (mailcode == "") {
  123. $(".mail_code_erro").show();
  124. $(".mail_code_erro").text("请输入验证码");
  125. $(".mailcode").css("border", "1px solid #FC5350")
  126. } else {
  127. $(".mail_code_erro").hide();
  128. $(".mailcode").css("border", "1px solid #DCDCDC")
  129. }
  130. })