apply.php 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>申请公众号</title>
  6. <link href="/css/main/apply.css?version=<?= $this->context->version ?>" rel="stylesheet" type="text/css">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="format-detection" content="telephone=no, email=no" />
  11. <link rel="stylesheet" href="/css/bootstrap.css?version=<?= $this->context->version ?>">
  12. <link rel="stylesheet" href="/css/custom.css?version=<?= $this->context->version ?>">
  13. <script src="/js/jquery-1.11.1.min.js?version=<?= $this->context->version ?>"></script>
  14. <script src="/js/bootstrap.min.js?version=<?= $this->context->version ?>"></script>
  15. <script type="text/javascript" src="/js/jweixin-1.0.0.js?version=<?= $this->context->version ?>" ></script>
  16. <style>
  17. label{
  18. font-weight:normal;
  19. }
  20. .xhMask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background-color:gray;filter:alpha(opacity=25);opacity:0.2;display:none;}
  21. .xhBeCenterBox{position:fixed;width:40px;height:40px;display:block;z-index:999;display:none;}
  22. .xhCenterModal{
  23. background-color: #8dc63f;
  24. border-color: #8dc63f;
  25. color: #ffffff;
  26. position:fixed;
  27. width:20%;
  28. font-size:12px;
  29. height:auto;
  30. padding:15px;
  31. z-index:999;
  32. display:none;
  33. width:180px;
  34. text-align:center;
  35. border-radius:4px;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <div name="xhCenterModal" class="xhCenterModal"></div>
  41. <div name="applyBeCenterMask" class="xhMask"></div>
  42. <div class="xhBeCenterBox" name="applyBeCenter"><img src="/images/loader.gif" style="width:42px;" /></div>
  43. <div class="panel panel-default" style="border:none;">
  44. <div class="panel-body">
  45. <form role="form">
  46. <div class="form-group">
  47. <label class="col-sm-2 control-label">*公众号名称(花店名):</label>
  48. <div class="col-sm-10">
  49. <input type="text" class="form-control" name="applyName" placeholder="请填写未被使用的公众号名称" value="">
  50. <p></p>
  51. </div>
  52. </div>
  53. <div class="form-group">
  54. <label class="col-sm-2 control-label">*邮箱:</label>
  55. <div class="col-sm-10">
  56. <input type="text" class="form-control" name="email" placeholder="请填写未申请过公众号的邮箱" value="">
  57. <p></p>
  58. </div>
  59. </div>
  60. <div class="form-group">
  61. <label class="col-sm-2 control-label">*手机号:</label>
  62. <div class="col-sm-10">
  63. <input type="tel" class="form-control" name="mobile" placeholder="">
  64. <p></p>
  65. </div>
  66. </div>
  67. <div class="form-group">
  68. <label class="col-sm-2 control-label">*验证码:</label>
  69. <div class="col-sm-10">
  70. <input type="tel" class="form-control" name="authCode" placeholder="" style="width:50%;display:inline">
  71. <button type="button" name="createAuthCode" getMobileMsgStatus="yes" class="btn btn-info btn-single">
  72. <span name="getAuthCodeText">获取验证码</span>
  73. <span style="display:none;font-size:12px;" name="reGetAuthCode"><i style="font-size:12px;font-style:normal;">120</i> 秒后重新获取</span>
  74. </button>
  75. <p></p>
  76. </div>
  77. </div>
  78. <div class="form-group">
  79. <label class="col-sm-2 control-label">*座机:</label>
  80. <div class="col-sm-10">
  81. <input type="text" class="form-control" name="telephone" placeholder="如:0592-3531672">
  82. <p></p>
  83. </div>
  84. </div>
  85. <div style="margin-left:14px;">
  86. <div class="form-group" style="display:inline-block;padding:0;margin-right:8px;margin-bottom:0px;">
  87. <label class="col-sm-2 control-label" style="padding:0px;" >*营业执照</label>
  88. <div class="col-sm-10" style="padding:0px;">
  89. <div style="width:81px;height:100px;display:inline-block;">
  90. <a href="javascript:;" class="a-upload" name="businessLicense">选择图片</a>
  91. <div style="width:80px;height:50px;display:inline-block;margin-bottom:4px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
  92. <img src="/images/nopicture2.png" name="businessLicense" style="width:80px;" />
  93. </div>
  94. </div>
  95. <input type="hidden" name="businessLicense" value="" />
  96. <p></p>
  97. </div>
  98. </div>
  99. <div class="form-group" style="display:inline-block;padding:0;margin-right:8px;margin-bottom:0px;">
  100. <label class="col-sm-2 control-label" style="padding:0px;">*身份证正面</label>
  101. <div class="col-sm-10" style="padding:0px;">
  102. <div style="width:81px;height:100px;display:inline-block;">
  103. <a href="javascript:;" class="a-upload" name="idCard">选择图片</a>
  104. <div style="width:80px;height:50px;display:inline-block;margin-bottom:3px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
  105. <img src="/images/nopicture2.png" name="idCard" style="width:80px;" />
  106. </div>
  107. </div>
  108. <input type="hidden" name="idCard" value="" />
  109. <p></p>
  110. </div>
  111. </div>
  112. <div class="form-group" style="display:inline-block;padding:0;margin-bottom:0px;">
  113. <label class="col-sm-2 control-label" style="padding:0px;">*身份证反面</label>
  114. <div class="col-sm-10" style="padding:0px;">
  115. <div style="width:81px;height:100px;display:inline-block;">
  116. <a href="javascript:;" class="a-upload" name="idCardBack">选择图片</a>
  117. <div style="width:80px;height:50px;display:inline-block;margin-bottom:3px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
  118. <img src="/images/nopicture2.png" name="idCardBack" style="width:80px;" />
  119. </div>
  120. </div>
  121. <input type="hidden" name="idCardBack" value="" />
  122. <p></p>
  123. </div>
  124. </div>
  125. </div>
  126. <div style="margin-left:14px;">
  127. <div class="form-group" style="display:inline-block;padding:0;margin-right:8px;margin-bottom:0px;">
  128. <label class="col-sm-2 control-label" style="padding:0px;" >*户主银行卡</label>
  129. <div class="col-sm-10" style="padding:0px;">
  130. <div style="width:81px;height:100px;display:inline-block;">
  131. <a href="javascript:;" class="a-upload" name="bankCard">选择图片</a>
  132. <div style="width:80px;height:50px;display:inline-block;margin-bottom:4px;margin-top:3px;border:1px solid #CCC;overflow:hidden;">
  133. <img src="/images/nopicture2.png" name="bankCard" style="width:80px;" />
  134. </div>
  135. </div>
  136. <input type="hidden" name="bankCard" value="" />
  137. <p></p>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="form-group">
  142. <label class="col-sm-2 control-label">*户主银行卡开户行:</label>
  143. <div class="col-sm-10">
  144. <input type="text" class="form-control" name="bankCardInfo" placeholder="写明支行或分行,如建设银行厦门故宫支行">
  145. <p></p>
  146. </div>
  147. </div>
  148. <div class="form-group">
  149. <label class="col-sm-2 control-label">*户主银行卡号:</label>
  150. <div class="col-sm-10">
  151. <input type="tel" class="form-control" name="bankCardNo" placeholder="">
  152. <p></p>
  153. </div>
  154. </div>
  155. <div class="form-group-separator"></div>
  156. <div class="form-group" style="text-align:center;">
  157. <button type="button" name="submit" class="btn btn-info btn-single" style="background-color: #68b828;border-color: #e5e5e5;">提交</button>
  158. </div>
  159. </form>
  160. </div>
  161. </div>
  162. <script src="/js/util.js?version=<?= $this->context->version ?>"></script>
  163. <script>
  164. var wWidth = $(window).width();
  165. var wHeight = $(window).height();
  166. var scrollHeight = $(document).scrollTop();//获取当前窗口距离页面顶部高度
  167. var applyBeCenter = $("div[name=applyBeCenter]");
  168. var applyHeight = applyBeCenter.outerHeight();//取div高
  169. var applyWidth = applyBeCenter.outerWidth();//取div宽
  170. var rH = (wHeight - applyHeight) / 2 + scrollHeight;
  171. var rW = (wWidth - applyWidth) /2;
  172. applyBeCenter.css({"z-index":998,"position":"absolute","left":rW,"top":rH,});
  173. var applyBeCenterMask = $("div[name=applyBeCenterMask]");
  174. //浏览器有滚动条时的操作
  175. $(window).scroll(function() {
  176. scrollHeight = $(document).scrollTop();
  177. rH = (wHeight - applyHeight) / 2 + scrollHeight;
  178. rW = (wWidth - applyWidth) /2;
  179. applyBeCenter.css({"z-index":998,"position":"absolute","left":rW,"top":rH,});
  180. });
  181. function showPop()
  182. {
  183. applyBeCenterMask.css('display','block');
  184. applyBeCenter.css("display","block");
  185. }
  186. function hidePop()
  187. {
  188. applyBeCenterMask.css('display','none');
  189. applyBeCenter.css("display","none");
  190. }
  191. <?php if($this->context->isWeixin){ ?>
  192. //微信分享
  193. var shareTitle = '申请公众号';
  194. var descContent = '按要求提供相应的资料,即可申请公众号哦~';
  195. var lineLink = '<?= Yii::$app->params['openUrl'] ?>/main/apply?authScope=snsapi_userinfo';
  196. var imgUrl = '<?= Yii::$app->params['openUrl'] ?>/images/main/gzh.png';
  197. wx.config({
  198. debug:false,
  199. appId: '<?= $this->context->signPackage['appId'] ?>',
  200. timestamp: <?= $this->context->signPackage['timestamp'] ?>,
  201. nonceStr: '<?= $this->context->signPackage['nonceStr'] ?>',
  202. signature: '<?= $this->context->signPackage['signature'] ?>',
  203. jsApiList: [
  204. 'checkJsApi',
  205. 'onMenuShareTimeline',
  206. 'onMenuShareAppMessage',
  207. 'onMenuShareQQ',
  208. 'onMenuShareWeibo',
  209. 'chooseImage',
  210. 'uploadImage',
  211. ]
  212. });
  213. wx.ready(function () {
  214. var shareData = {
  215. title: shareTitle,
  216. link: lineLink,
  217. imgUrl: imgUrl,
  218. desc:descContent,
  219. };
  220. wx.onMenuShareAppMessage(shareData);
  221. wx.onMenuShareTimeline(shareData);
  222. wx.onMenuShareQQ(shareData);
  223. wx.onMenuShareWeibo(shareData);
  224. });
  225. var applyName = $("input[name=applyName]");
  226. var email = $("input[name=email]");
  227. var mobile = $(":input[name=mobile]");
  228. var telephone = $(":input[name=telephone]");
  229. var authCode = $(":input[name=authCode]");
  230. var businessLicense = $("input[name=businessLicense]");
  231. var idCard = $("input[name=idCard]");
  232. var idCardBack = $("input[name=idCardBack]");
  233. var bankCard = $("input[name=bankCard]");
  234. var bankCardInfo = $("input[name=bankCardInfo]");
  235. var bankCardNo = $("input[name=bankCardNo]");
  236. var needValidate = [applyName,email,mobile,telephone,authCode,businessLicense,idCard,idCardBack,bankCard,bankCardInfo,bankCardNo];
  237. //选择图片
  238. $("a[name=businessLicense]").click(function(){
  239. wx.chooseImage({
  240. count: 1, // 默认9
  241. sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
  242. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  243. success: function (res) {
  244. localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  245. var myLocalId = localIds[0];
  246. showPop();
  247. wx.uploadImage({
  248. localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
  249. isShowProgressTips: 0, // 默认为1,显示进度提示
  250. success: function (res) {
  251. var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
  252. $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
  253. if(data.code == 'A0001'){
  254. $("input[name=businessLicense]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
  255. $("img[name=businessLicense]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
  256. hidePop();//隐藏浮层
  257. }
  258. }
  259. });
  260. }
  261. });
  262. }
  263. });
  264. });
  265. //选择图片
  266. $("a[name=idCard]").click(function(){
  267. wx.chooseImage({
  268. count: 1, // 默认9
  269. sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
  270. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  271. success: function (res) {
  272. localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  273. var myLocalId = localIds[0];
  274. showPop();//显示浮层
  275. wx.uploadImage({
  276. localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
  277. isShowProgressTips: 0, // 默认为1,显示进度提示
  278. success: function (res) {
  279. var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
  280. $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
  281. if(data.code == 'A0001'){
  282. $("input[name=idCard]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
  283. $("img[name=idCard]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
  284. hidePop();//隐藏浮层
  285. }
  286. }
  287. });
  288. }
  289. });
  290. }
  291. });
  292. });
  293. //选择图片
  294. $("a[name=idCardBack]").click(function(){
  295. wx.chooseImage({
  296. count: 1, // 默认9
  297. sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
  298. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  299. success: function (res) {
  300. localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  301. var myLocalId = localIds[0];
  302. showPop();//显示浮层
  303. wx.uploadImage({
  304. localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
  305. isShowProgressTips: 0, // 默认为1,显示进度提示
  306. success: function (res) {
  307. var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
  308. $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
  309. if(data.code == 'A0001'){
  310. $("input[name=idCardBack]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
  311. $("img[name=idCardBack]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
  312. hidePop();//隐藏浮层
  313. }
  314. }
  315. });
  316. }
  317. });
  318. }
  319. });
  320. });
  321. //选择图片
  322. $("a[name=bankCard]").click(function(){
  323. wx.chooseImage({
  324. count: 1, // 默认9
  325. sizeType: ['original'], // 可以指定是原图还是压缩图,默认二者都有
  326. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  327. success: function (res) {
  328. localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  329. var myLocalId = localIds[0];
  330. showPop();//显示浮层
  331. wx.uploadImage({
  332. localId: myLocalId, // 需要上传的图片的本地ID,由chooseImage接口获得
  333. isShowProgressTips: 0, // 默认为1,显示进度提示
  334. success: function (res) {
  335. var serverId = res.serverId; // 返回图片的服务器端ID mediaId 图片有效期3天
  336. $.ajax({type:"GET",url:'/main/download-wx-img?mediaId='+serverId,dataType:'json',async:false,success:function(data){
  337. if(data.code == 'A0001'){
  338. $("input[name=bankCard]").val(data.data['large']).attr('checkStatus','yes').siblings('p').html('');
  339. $("img[name=bankCard]").attr('src','<?= Yii::$app->params['imgUrl'] ?>'+data.data['medium']);
  340. hidePop();//隐藏浮层
  341. }
  342. }
  343. });
  344. }
  345. });
  346. }
  347. });
  348. });
  349. <?php } ?>
  350. setStats(applyName, '请填写公众号名称', function(val, mess){
  351. var info=[false, mess];
  352. if(val.length <= 0){
  353. info[1] = '请填写公众号名称';
  354. }else if(getLength(val) >=0 && getLength(val) <=40){
  355. $.ajax({type:"GET",url:"/main/check-merchant-name?applyName="+val,dataType:'json',async:false,success:function(data){
  356. if(data.code == 'A0001'){
  357. info[0] = true;
  358. }else{
  359. info[1] = data.msg;
  360. }
  361. }});
  362. }else{
  363. info[0] = false;
  364. info[1] = '填写错误';
  365. }
  366. return info;
  367. });
  368. setStats(email,'请填写邮箱',function(val,msg){
  369. var info = [false,msg];
  370. val = $.trim(val);
  371. if(val.length <= 0){
  372. info[1] = '请填写邮箱';
  373. }else if(isEmail(val) == false){
  374. info[1] = '邮箱填写错误';
  375. }else{
  376. $.ajax({type:"GET",url:"/main/check-email?email="+val,dataType:'json',async:false,success:function(data){
  377. if(data.code == 'A0001'){
  378. info[0] = true;
  379. }else{
  380. info[1] = data.msg;
  381. }
  382. }});
  383. }
  384. return info;
  385. });
  386. setStats(mobile,'请填写手机号',function(val,msg){
  387. var info = [false,msg];
  388. val = $.trim(val);
  389. if(val.length <= 0){
  390. info[1] = '请填写手机号';
  391. }else if((/^1[0-9]\d{9}$/.test(val)) == false){
  392. info[1] = '手机号填写不正确';
  393. }else{
  394. info[0] = true;
  395. }
  396. return info;
  397. });
  398. setStats(telephone, '请填写座机', function(val, mess){
  399. var info=[false, mess];
  400. if(val.length <= 0){
  401. info[1] = '请填写座机';
  402. }else{
  403. info[0] = true;
  404. }
  405. return info;
  406. });
  407. setStats(authCode, '请填写验证码', function(val, mess){
  408. var info=[false, mess];
  409. if(val.length <= 0){
  410. info[1] = '请填写验证码';
  411. }else if(val.length > 0){
  412. $.ajax({type:"GET",url:"/main/check-code?authCode="+val,dataType:'json',async:false,success:function(data){
  413. if(data.code == 'A0001'){
  414. info[0] = true;
  415. }else{
  416. info[1] = data.msg;
  417. }
  418. }});
  419. }else{
  420. info[0] = false;
  421. }
  422. return info;
  423. });
  424. setStats(businessLicense, '请上传照片', function(val, mess){
  425. var info=[false, mess];
  426. if(val.length <= 0){
  427. info[1] = '请上传照片';
  428. }else{
  429. info[0] = true;
  430. }
  431. return info;
  432. });
  433. setStats(idCard, '请上传照片', function(val, mess){
  434. var info=[false, mess];
  435. if(val.length <= 0){
  436. info[1] = '请上传照片';
  437. }else{
  438. info[0] = true;
  439. }
  440. return info;
  441. });
  442. setStats(idCardBack, '请上传照片', function(val, mess){
  443. var info=[false, mess];
  444. if(val.length <= 0){
  445. info[1] = '请上传照片';
  446. }else{
  447. info[0] = true;
  448. }
  449. return info;
  450. });
  451. setStats(bankCard, '请上传照片', function(val, mess){
  452. var info=[false, mess];
  453. if(val.length <= 0){
  454. info[1] = '请上传照片';
  455. }else{
  456. info[0] = true;
  457. }
  458. return info;
  459. });
  460. setStats(bankCardInfo, '请填写开户银行', function(val, mess){
  461. var info=[false, mess];
  462. if(val.length <= 0){
  463. info[1] = '请填写开户银行';
  464. }else{
  465. info[0] = true;
  466. }
  467. return info;
  468. });
  469. setStats(bankCardNo, '请填写银行卡号', function(val, mess){
  470. var info=[false, mess];
  471. if(val.length <= 0){
  472. info[1] = '请填写银行卡号';
  473. }else{
  474. info[0] = true;
  475. }
  476. return info;
  477. });
  478. function setStats(obj,mess,check)
  479. {
  480. obj.focus(function(){
  481. $(this).siblings('p').html('');
  482. });
  483. obj.blur(function(){
  484. var val = obj.val();
  485. var info = check(val,mess);
  486. if(info[0]){
  487. $(this).attr('checkStatus','yes');
  488. $(this).siblings('p').html('');
  489. }else{
  490. $(this).attr('checkStatus','no');
  491. $(this).siblings('p').css('color','red').html(info[1]);
  492. }
  493. });
  494. }
  495. $("button[name=submit]").click(function(){
  496. var that = $(this);
  497. if(that.attr('checkStatus') == 'yes'){
  498. xhPopMsg('请稍候……',1000);
  499. return;
  500. }
  501. that.attr('checkStatus','yes');
  502. setTimeout(function(){
  503. that.attr('checkStatus','no');
  504. },1500);
  505. var applySubmitStatus = true;
  506. for(var ord=0;ord<needValidate.length;ord++){
  507. var singleObj = needValidate[ord]
  508. if(singleObj.attr('checkStatus') == undefined){
  509. singleObj.blur();
  510. }
  511. if(singleObj.attr('checkStatus') == 'no'){
  512. applySubmitStatus = false;
  513. }
  514. }
  515. if(applySubmitStatus == false){
  516. return;
  517. }
  518. var data = "_csrf=<?= Yii::$app->request->csrfToken ?>&applyName="+applyName.val()+"&email="+email.val()+"&mobile="+mobile.val();
  519. data += "&authCode="+authCode.val()+"&businessLicense="+businessLicense.val()+"&idCard="+idCard.val()+"&idCardBack="+idCardBack.val();
  520. data += "&bankCard="+bankCard.val()+"&bankCardInfo="+bankCardInfo.val()+"&bankCardNo="+bankCardNo.val()+"&telephone="+telephone.val();
  521. $.ajax({type:"POST",url:'/main/apply-submit',dataType:'json',data:data,async:false,success:function(data){
  522. xhPopMsg(data.msg,1600);
  523. if(data.code == 'A0001'){
  524. setTimeout(function(){
  525. window.location.href = '/main/apply-success';
  526. },1800);
  527. }
  528. }});
  529. });
  530. var createAuthCode = $("button[name=createAuthCode]");
  531. var getAuthCodeText = $("span[name=getAuthCodeText]");
  532. var reGetAuthCode = $("span[name=reGetAuthCode]");
  533. //获取手机验证码
  534. createAuthCode.click(function(){
  535. var mobileVal = mobile.val();
  536. if(mobileVal.length <= 0){
  537. xhPopMsg('请填写手机号');
  538. return;
  539. }
  540. if(mobile.attr('checkStatus') == undefined){//手机未验证
  541. xhPopMsg('手机号填写错误');
  542. return;
  543. }
  544. if(mobile.attr('checkStatus') == 'no'){//手机验证未通过
  545. xhPopMsg('手机号填写错误');
  546. return;
  547. }
  548. if(createAuthCode.attr('getMobileMsgStatus') == 'yes'){
  549. $.ajax({type:"GET",url:"/main/generate-code?mobile="+mobileVal,dataType:'json',async:false,success:function(data){
  550. if(data.code == 'A0001'){
  551. createAuthCode.attr('getMobileMsgStatus','no');
  552. getAuthCodeText.css("display","none");
  553. reGetAuthCode.css("display","block").parent().css("background-color","#CCCCCC").css("border-color","#CCCCCC");
  554. var timeI = reGetAuthCode.find('i')
  555. var orTime = timeI.text();
  556. var timeNum = parseInt(timeI.text());
  557. var setInt = setInterval(function(){
  558. timeNum--;
  559. timeI.text(timeNum);
  560. if(timeNum == 0){
  561. clearInterval(setInt);
  562. getAuthCodeText.css('display','block').parent().css("background-color","#18a8df").css("border-color","#1590be");
  563. reGetAuthCode.css('display','none');
  564. timeI.text(orTime);
  565. createAuthCode.attr('getMobileMsgStatus','yes');
  566. }
  567. },1200);
  568. }else{
  569. xhPopMsg(data.msg);
  570. }
  571. }});
  572. }
  573. });
  574. </script>
  575. </body>
  576. </html>