register.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="description" content=""/>
  6. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  7. <meta name="format-detection" content="telphone=no,email=no"/>
  8. <meta name="viewport"
  9. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  10. <meta http-equiv="pragma" content="no-cache">
  11. <meta http-equiv="cache-control" content="no-cache">
  12. <meta http-equiv="expires" content="0">
  13. <title>商家注册</title>
  14. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
  15. <link rel="stylesheet" href="/components/custom/css/common.css"/>
  16. <link rel="stylesheet" href="css/xyf.common.min.css">
  17. </head>
  18. <body>
  19. <div class="page-main">
  20. <h5 class="font-b-16-8 padding-10">姓名<span class="font-b-12-8">(和微信的实名认证保持一致,否则无法成功提现)</span></h5>
  21. <div class="input-group-vertical ">
  22. <div class="input-row input-clear">
  23. <input id="userName" type="text" maxlength="15" placeholder="姓名">
  24. </div>
  25. </div>
  26. <h5 class="font-b-16-8 padding-10">验证</h5>
  27. <div class="input-group-vertical ">
  28. <div class="input-row" id="captcha" style="min-height: 46px">
  29. </div>
  30. <div class="input-row input-clear">
  31. <input id="phoneNumber" type="tel" maxlength="11" placeholder="手机号">
  32. </div>
  33. <div class="input-row code input-clear">
  34. <input id="code" type="tel" maxlength="4" placeholder="验证码">
  35. <button id="sendBtn" type="button">验证短信</button>
  36. </div>
  37. </div>
  38. <h5 class="font-b-16-8 padding-10">密码</h5>
  39. <div class="input-group-vertical ">
  40. <div class="input-row input-clear">
  41. <input id="newPassword" type="password" maxlength="20" placeholder="密码">
  42. <span class="mui-icon mui-icon-eye"></span>
  43. </div>
  44. <div class="input-row input-clear">
  45. <input id="confirmPass" type="password" maxlength="20" placeholder="再次确认密码">
  46. <span class="mui-icon mui-icon-eye"></span>
  47. </div>
  48. </div>
  49. <div class="subt">
  50. <input class="mui-btn-block" type="button" value="下一步" id="submit">
  51. </div>
  52. </div>
  53. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js?v=1"></script>
  54. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  55. <script src="../components/lib/md5.js"></script>
  56. <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
  57. <script src="/components/custom/js/common.js"></script>
  58. <script src="js/xyf.login.js"></script>
  59. <script src="js/xyf.common.js"></script>
  60. <script>
  61. var agentId = getCookie("dealer_login_agentid");
  62. var managerId = getCookie("dealer_login_managerid");
  63. $(function () {
  64. if (agentId) {
  65. } else if (managerId) {
  66. } else {
  67. mui.alert("请通过公众号菜单进入!", '温馨提示', '确定');
  68. $(".page-main").hide();
  69. return;
  70. }
  71. //初始化验证码控件
  72. initCheck('dealerRegister', function () {
  73. var toastOption = {"duration": 5000};
  74. //检查手机号码
  75. var phoneNumber = $("#phoneNumber").val();
  76. if (!isPhone(phoneNumber)) {
  77. mui.toast("请输入11位正确手机号码", toastOption);
  78. return;
  79. }
  80. var data = {
  81. phoneNumber: phoneNumber,
  82. }
  83. return data
  84. }, '/dealer/getRegisterCode');
  85. });
  86. // 电话号码输入事件
  87. $("#phoneNumber").keyup(function () {
  88. var phoneNumber = $("#phoneNumber").val();
  89. if (phoneNumber != "") {
  90. $("#sendBtn").attr("disabled", false);
  91. } else {
  92. $("#sendBtn").attr("disabled", true);
  93. }
  94. });
  95. $("#submit").on("click", function () {
  96. var userName = $("#userName").val();
  97. if (userName.length < 2) {
  98. mui.toast("请输入真实姓名");
  99. return;
  100. }
  101. //检查手机号码
  102. var phoneNumber = $("#phoneNumber").val();
  103. if (!isPhone(phoneNumber)) {
  104. mui.toast("请输入11位正确手机号码");
  105. return;
  106. }
  107. //检查验证码
  108. var code = $("#code").val();
  109. var codeReg = /^\d{4}$/;
  110. if (!codeReg.test(code)) {
  111. mui.toast("请输入正确的验证码");
  112. return;
  113. }
  114. var newPassword = $("#newPassword").val();
  115. if (newPassword.length < 6 || newPassword.length > 20) {
  116. mui.alert("密码需为6-20位的字符组合", '温馨提示', '确定');
  117. return;
  118. }
  119. var confirmPass = $("#confirmPass").val();
  120. if (newPassword !== confirmPass) {
  121. mui.alert("两次密码输入不一致", '温馨提示', '确定');
  122. return;
  123. }
  124. var url = "/dealer/register";
  125. var data = {
  126. "username": phoneNumber,
  127. "nickname": userName,
  128. "code": code,
  129. "password": hex_md5(newPassword),
  130. "confirm": hex_md5(confirmPass),
  131. //代理商厂商的参数
  132. "agentId": agentId,
  133. "managerId": managerId,
  134. };
  135. sendRequest({
  136. url: url,
  137. type: "POST",
  138. mask: "正在注册...",
  139. data: data,
  140. contentType: "json",
  141. success: function (response) {
  142. if (response.result == 1) {
  143. var btnArray = ['立即登录'];
  144. mui.confirm('您已注册成功,点击确认登录', '温馨提示', btnArray, function (e) {
  145. if (e.index == 0) {
  146. var url = 'login.html';
  147. goPage(url);
  148. }
  149. });
  150. } else {
  151. mui.toast(response.description);
  152. }
  153. }
  154. });
  155. });
  156. </script>
  157. </body>
  158. </html>