index_registerPC.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471
  1. <!DOCTYPE html>
  2. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1">
  4. <title>我在佳乾财富,短期高息,还有888元现金红包!</title>
  5. <meta content="telephone=no" name="format-detection">
  6. <meta name="keywords" content="">
  7. <meta name="description" content="">
  8. <link rel="stylesheet" href="{$resourcePath}/mui.min.css">
  9. <link rel="stylesheet" type="text/css" href="{$resourcePath}/1019.css">
  10. <link rel="stylesheet" type="text/css" href="{$resourcePath}/mmm-account.css">
  11. </head>
  12. <body>
  13. <style type="text/css">
  14. .a_bg {
  15. width:100%;
  16. background-image:url('http://slb.dahengdian.com/jiaqiancaifu/2018/03/01/XEuSQ9UcwV.jpg');
  17. background-position:center center;
  18. height:975px;
  19. position:relative;
  20. }
  21. .a_bg_login {
  22. width:287px;
  23. height:370px;
  24. background-color:#9A8453;
  25. top:140px;
  26. left:50%;
  27. margin-left:220px;
  28. position:absolute;
  29. border-radius:5px
  30. }
  31. .notake {
  32. width:250px;
  33. margin-left:auto;
  34. margin-right:auto;
  35. }
  36. .authCode-wrap {
  37. border-radius: .375rem;
  38. background: #fff;
  39. padding: .475rem 2.66666667%;
  40. margin-bottom: 15px;
  41. overflow: hidden;
  42. }
  43. .authCode-wrap .code {
  44. display: block;
  45. border: none;
  46. width: 62.66666667%;
  47. padding: 0;
  48. margin: 0;
  49. float: left;
  50. height: 20px;
  51. }
  52. .get-code {
  53. color: #656565;
  54. line-height: 20px;
  55. height: 20px;
  56. <!-- border-left: 1px solid #cacaca; -->
  57. box-sizing: border-box;
  58. cursor:pointer;
  59. }
  60. body .error-wrapper {
  61. background-color: #ffffff;
  62. color: #000000;
  63. width: 260px;
  64. min-width:inherit;
  65. padding: 40px 40px;
  66. }
  67. </style>
  68. <div class="logOut-Prompt">
  69. <div class="logOut-content">
  70. <div class="logOut-text">您是老用户,马上去官网登录吧!</div>
  71. <div class="btn-group">
  72. <div class="cancel" style="border-right:1px solid rgba(0,0,0,.2);">取消</div>
  73. <div class="sure">确认</div>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="safe-cover"></div>
  78. <div class="error-wrapper"></div>
  79. <div class="a_bg">
  80. <div class="a_bg_login">
  81. <div class="notake">
  82. <div class="telphone-wrap">
  83. <img src="http://slb.dahengdian.com/jiaqiancaifu/2018/03/01/3hMjjLODQU.png" style="height:80px;width:220px">
  84. </div>
  85. <div class="telphone-wrap">
  86. <input type="tel" placeholder="请输入手机号" class="mobile" id="mobile" maxlength="11">
  87. </div>
  88. <div class="authCode-wrap">
  89. <input type="tel" placeholder="请输入验证码" class="code" id="code" maxlength="6">
  90. <div class="get-code">获取验证码</div>
  91. </div>
  92. <div class="telphone-wrap">
  93. <input type="password" placeholder="请输入密码" class="mobile" id="password">
  94. </div>
  95. <div class="telphone-wrap">
  96. <input type="password" placeholder="重复密码" class="mobile" id="passwordRe">
  97. </div>
  98. <div class="submitBtn">注册领福利</div>
  99. </div>
  100. </div>
  101. </div>
  102. <!-- <div class="logOut-Prompt">
  103. <div class="logOut-content">
  104. <div class="logOut-text">您是老用户,马上下载APP赚钱吧!</div>
  105. <div class="btn-group">
  106. <div class="cancel" style="border-right:1px solid rgba(0,0,0,.2);">取消</div>
  107. <div class="sure">确认</div>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="safe-cover"></div>
  112. <div class="error-wrapper"></div> -->
  113. <!-- <div class="safe-detail">
  114. <div class="header-img2">
  115. <img src="./我在佳乾财富,短期高息,还有888元现金红包!_files/redHeader2.png">
  116. </div>
  117. <div class="safe-text2">
  118. </div>
  119. <div class="safe-foot2">
  120. <img src="./我在佳乾财富,短期高息,还有888元现金红包!_files/knowBtn.png">
  121. </div>
  122. </div> -->
  123. <!-- <div class="page-group">
  124. <div class="mui-content" style="background:#fcfcfc">
  125. <div class="xw-page">
  126. <div class="banner">
  127. <img src="./我在佳乾财富,短期高息,还有888元现金红包!_files/banner1.png" alt="">
  128. </div>
  129. <div class="content">
  130. <div class="notake">
  131. <div class="telphone-wrap">
  132. <input type="tel" placeholder="请输入手机号" class="mobile" id="mobile" maxlength="11">
  133. </div>
  134. <div class="authCode-wrap">
  135. <input type="tel" placeholder="请输入验证码" class="code" id="code" maxlength="6">
  136. <div class="get-code">获取验证码</div>
  137. </div>
  138. <div class="telphone-wrap">
  139. <input type="password" placeholder="请输入密码" class="mobile" id="password">
  140. </div>
  141. <div class="telphone-wrap">
  142. <input type="password" placeholder="重复密码" class="mobile" id="passwordRe">
  143. </div>
  144. <div class="submitBtn">注册领福利</div>
  145. </div>
  146. </div>
  147. <div class="welfare">
  148. <img src="./我在佳乾财富,短期高息,还有888元现金红包!_files/title_01.png">
  149. <div class="welfare-item">
  150. <img src="./我在佳乾财富,短期高息,还有888元现金红包!_files/welfare_icon1.png" class="welfare_icon">
  151. <p class="title"><span>888元</span>理财红包</p>
  152. <p class="desc">注册即送,投资立返</p>
  153. </div>
  154. </div>
  155. <div class="foot" style="color:#fff">
  156. 客服电话:<a class="cservice" style="color:#429fff" href="tel:400-005-8155" target="_self">400-005-8155</a><br>
  157. 活动最终解释权归佳乾财富所有
  158. </div>
  159. </div>
  160. </div>
  161. </div> -->
  162. <script src="{$resourcePath}/mui.min.js"></script>
  163. <script src="{$resourcePath}/jquery-1.8.3.min.js"></script>
  164. <script src="{$resourcePath}/jweixin-1.2.0.js"></script>
  165. <script>
  166. var osType = 3;
  167. var u = navigator.userAgent, app = navigator.appVersion;
  168. var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
  169. var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  170. if (isAndroid) {
  171. //这个是安卓操作系统
  172. osType = 2;
  173. }
  174. if (isIOS) {
  175. //这个是ios操作系统
  176. osType = 1;
  177. }
  178. $(function () {
  179. $(".safe-foot2").on('click', function () {
  180. $('.safe-detail').removeClass('on');
  181. $('.safe-cover').removeClass('on');
  182. });
  183. $(".safe-btn").on('click', function () {
  184. $('.safe-detail').addClass('on');
  185. $('.safe-cover').addClass('on');
  186. });
  187. $(".safe-foot").on('click', function () {
  188. $('.safe-detail').removeClass('on');
  189. $('.safe-cover').removeClass('on');
  190. });
  191. $("#mobile").on('focus', function () {
  192. $("#hideInput").css({'display': 'block'})
  193. $(this).removeClass("placeholderCenter") /*修改*/
  194. /* $(this).addClass("placeholderLeft") */
  195. });
  196. $(".cancel").on('click', function () {
  197. $(".logOut-Prompt").hide();
  198. });
  199. $(".sure").on('click', function () {
  200. window.location.href="http://www.bojiatouzi.com/web/user/login";
  201. });
  202. $("#switch").on('click', function () {
  203. hideHook()
  204. });
  205. $("#mobile").on('focus', function () {
  206. showHook()
  207. });
  208. function showHook() {
  209. if ($('.hook').eq(0).hasClass('hideHook')) {
  210. $(".hook").each(function () {
  211. $(this).removeClass('hideHook')
  212. })
  213. }
  214. }
  215. function hideHook() {
  216. $(".hook").each(function () {
  217. $(this).addClass('hideHook')
  218. })
  219. }
  220. /*$('.icon-check-circle').on('click', function () else {
  221. $(this).addClass('check');
  222. $('#hiddenCheck').attr("checked", 'true');
  223. }
  224. });*/
  225. /*错误提示*/
  226. function showError(text) { //传错误内容
  227. $(".error-wrapper").css({
  228. 'opacity': '1',
  229. 'visibility': 'visible'
  230. });
  231. $(".error-wrapper").html(text);
  232. setTimeout(function () {
  233. $(".error-wrapper").css({
  234. 'opacity': '0',
  235. 'visibility': 'hidden'
  236. });
  237. }, 2000)
  238. }
  239. /*错误提示*/
  240. /*发送验证码*/
  241. /*验证码倒计时*/
  242. var InterValObj;
  243. var curCount;
  244. var canClick=true;
  245. function sendMessage(sf) {
  246. //设置button效果,开始计时
  247. if(canClick){
  248. curCount = 60;
  249. canClick=false;
  250. sf.text('(' + curCount + "s)" + "后重发");
  251. InterValObj = window.setInterval(function () {
  252. SetRemainTime(sf)
  253. }, 1000); //启动计时器,1秒执行一次
  254. //向后台发送处理数据
  255. var phone_number = $('#mobile').val();
  256. //首先判断是否新用户
  257. $.ajax({
  258. type:'POST',
  259. url: "/active/index/registersendmobilecode.html",
  260. data: {"mobile": phone_number},
  261. dataType: 'json',
  262. success: function (data) {
  263. if(data.code != 1){
  264. $(".logOut-Prompt").show();
  265. }else{
  266. /*$.ajax({
  267. type: "POST", //用POST方式传输
  268. dataType: "JSON", //数据格式:JSON
  269. url: '/m/sys/sendvercode', //目标地址
  270. data: {
  271. mobile:phone_number,
  272. scene:"101",
  273. code:$(".v_code_input").val()
  274. },
  275. error: function (data) {
  276. },
  277. success: function (data) {
  278. if(data.code == '0'){
  279. showError(data.message);
  280. }else if(data.code=="107"){
  281. }else{
  282. if(data.message != null){
  283. showError("验证码发送过于频繁,请稍后再试");
  284. }
  285. }
  286. }
  287. });*/
  288. }
  289. }
  290. });
  291. }
  292. }
  293. //timer处理函数
  294. function SetRemainTime(sf) {
  295. if (curCount == 0) {
  296. window.clearInterval(InterValObj);//停止计时器
  297. sf.removeAttr("disabled");//启用按钮
  298. canClick=true;
  299. sf.text(" 重新发送");
  300. }
  301. else {
  302. curCount--;
  303. sf.text('(' + curCount + "s)" + "");
  304. }
  305. }
  306. $('.get-code').on('click', function () { //执行获取验证码
  307. var phone = $('#mobile').val();
  308. if (!(/^1[3|4|5|7|8]\d{9}$/.test(phone))) {
  309. showError('手机号码格式错误')
  310. return false
  311. }
  312. else {
  313. var sf = $(this);
  314. sendMessage(sf);
  315. }
  316. });
  317. $(".submitBtn").on('click', function () {
  318. var mobile = $("#mobile").val()
  319. var code = $("#code").val()
  320. var check = $('#hiddenCheck').attr('checked');
  321. var passwordRe = $("#passwordRe").val();
  322. var password = $("#password").val();
  323. if (!(/^1[3|4|5|7|8]\d{9}$/.test(mobile))) {
  324. showError('手机号码格式错误')
  325. return false
  326. } else if (!code) {
  327. showError('验证码错误')
  328. return false
  329. } else {
  330. if(password != passwordRe) {
  331. showError('两次输入密码不一致')
  332. return false
  333. }
  334. if(password.length < 6 || passwordRe.length < 6) {
  335. showError('密码长度必须6位或以上')
  336. return false
  337. }
  338. $.ajax({
  339. type: 'POST',
  340. url: "/active/index/register.html",
  341. data: {mobile: mobile, mobileCode: code, password:password, passwordRe:passwordRe, osType:osType, channel:'{$channel}'},
  342. dataType: 'json',
  343. success: function (data) {
  344. if(data.code == 1){
  345. alert("注册成功,点击确定领取888元红包吧")
  346. window.location.href="http://www.bojiatouzi.com/web/user/login";//注册成功跳下载页
  347. } else {
  348. showError(data.msg);
  349. }
  350. },
  351. error: function (data) {
  352. }
  353. });
  354. }
  355. })
  356. $("#code").on("focus",function(){
  357. this.scrollIntoView(true)
  358. })
  359. $("#password").on("focus",function(){
  360. this.scrollIntoView(true)
  361. })
  362. $("#passwordRe").on("focus",function(){
  363. this.scrollIntoView(true)
  364. })
  365. /*window.addEventListener("resize", function () {
  366. if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") {
  367. window.setTimeout(function () {
  368. document.activeElement.scrollIntoViewIfNeeded();
  369. console.log(123);
  370. }, 0);
  371. }
  372. })*/
  373. })
  374. /*var share = {
  375. picurl:'https://easyloan-static.fintechzh.com/static/wallet/images/licailogo.png',
  376. sharetitle:'推荐你【纵横理财】,安全高息!一起来赚钱!',
  377. sharecontent:'与主板上市公司股东联合发起,国有基金参与投资,注册送888元现金红包'
  378. };
  379. var wxconfig = {
  380. appId :'wx56cac733eec25be9',
  381. nonceStr :'c561f9fd-c469-4c79-b8a9-4c3ab286c4cf',
  382. timestamp :'1516454316',
  383. //url : 'http://m.lifo.com.cn/toutiao/sharedetailforxzapp?uuid=9b3109eb-93d7-11e7-8e02-6c92bf482157&from=singlemessage&isappinstalled=0',
  384. signature :'d1ff2f4c9332f0f58bbd03400d605d37cb35e4df'
  385. };
  386. wx.config({
  387. //debug: true,
  388. debug: false,
  389. appId: wxconfig.appId,
  390. timestamp: wxconfig.timestamp,
  391. nonceStr: wxconfig.nonceStr,
  392. signature: wxconfig.signature,
  393. jsApiList: ['checkJsApi','onMenuShareTimeline', 'onMenuShareAppMessage'] // 功能列表,我们要使用JS-SDK的什么功能
  394. });
  395. wx.ready(function(){
  396. wx.onMenuShareTimeline({
  397. title: share.sharetitle, // 分享标题
  398. link: location.href, // 分享链接
  399. imgUrl: share.picurl, // 分享图标
  400. success: function () {
  401. // 用户确认分享后执行的回调函数
  402. },
  403. cancel: function () {
  404. // 用户取消分享后执行的回调函数
  405. }
  406. });
  407. wx.onMenuShareAppMessage({
  408. title: share.sharetitle, // 分享标题
  409. desc: share.sharecontent, // 分享描述
  410. link: location.href, // 分享链接
  411. imgUrl: share.picurl, // 分享图标
  412. success: function () {
  413. // 用户确认分享后执行的回调函数
  414. //alert("成功");
  415. },
  416. cancel: function () {
  417. // 用户取消分享后执行的回调函数
  418. //alert("失败");
  419. }
  420. });
  421. });*/
  422. </script>
  423. </body></html>