select_code.jsp 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
  4. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  5. <!DOCTYPE HTML>
  6. <html>
  7. <head>
  8. <title id="pageTitle">接米沪牌代拍</title>
  9. <meta name="renderer" content="webkit"/>
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  11. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  12. <meta name="format-detection" content="telephone=no"/>
  13. <meta name="apple-mobile-web-app-capable" content="yes"/>
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  15. <meta name="viewport"
  16. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
  17. <meta id="description" name="Description" content=""/>
  18. <meta id="key" name="Keywords" content=""/>
  19. <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/swiper.min.css"/>
  20. <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/common.css"/>
  21. <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/index.css"/>
  22. <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
  23. <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/swiper.min.js"></script>
  24. <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/config.js"></script>
  25. <script src="${pageContext.request.contextPath}/static/js/layer/layer.js"></script>
  26. </head>
  27. <body class="gray">
  28. <div class="body_tit">
  29. <p class="bodytitname">精选靓号</p>
  30. <a onclick="window.history.back()" class="back_btn"></a>
  31. <a href="index.html" class="home_btn"></a>
  32. </div>
  33. <div class="height46"></div>
  34. <div class="">
  35. <img src="${pageContext.request.contextPath}/static/images/nice_code.jpg" alt="" class="bannerlog">
  36. </div>
  37. <div class="newsyd">
  38. <div class="ggtit marglr10">办理流程</div>
  39. <img src="${pageContext.request.contextPath}/static/images/ic_logo3.png" alt="" class="lc_logo matop10">
  40. <div class="lc_text clearfix">
  41. <p class="lc_textli">提交订单</p>
  42. <p class="lc_textli">工作人员<br>电话联系</p>
  43. <p class="lc_textli">线下办理</p>
  44. <p class="lc_textli">订单完成</p>
  45. </div>
  46. </div>
  47. <div class="newsyd matop10 padinglr">
  48. <form id="beaut" method="post">
  49. <div class="myliten input_liten">
  50. <div class="left_conb input_icon">
  51. <img src="${pageContext.request.contextPath}/static/images/user_name.png" alt="">
  52. </div>
  53. <p class="inputps">
  54. <input type="text" placeholder="申请人姓名" name="name" id="name" class="linet_input">
  55. </p>
  56. </div>
  57. <div class="myliten input_liten">
  58. <div class="left_conb input_icon">
  59. <img src="${pageContext.request.contextPath}/static/images/user_phone.png" alt="">
  60. </div>
  61. <p class="inputps">
  62. <input type="text" placeholder="请输入手机号" id="phone" name="phone" class="linet_input">
  63. </p>
  64. </div>
  65. <div class="myliten input_liten">
  66. <div class="left_conb input_icon">
  67. <img src="${pageContext.request.contextPath}/static/images/user_code.png" alt="">
  68. </div>
  69. <p class="inputps">
  70. <input type="text" placeholder="请输入验证码" id="codes" class="linet_input">
  71. <a href="javascript:;" onclick="sendsmg()" class="get_codes">获取验证码</a>
  72. </p>
  73. </div>
  74. <div class="select_type">
  75. <p class="tyope_tit">靓号类型</p>
  76. <p class="type_li">
  77. <label>
  78. <input type="radio" name="type" id="q1_1" value="1" checked hidden/>
  79. <label for="q1_1" class="advice"></label>
  80. <span class="radio-name">生日号定制</span>
  81. </label>
  82. </p>
  83. <p class="type_li">
  84. <label>
  85. <input type="radio" name="type" id="q1_2" value="2" hidden/>
  86. <label for="q1_2" class="advice"></label>
  87. <span class="radio-name">顺子号定制(例:123、456等)</span>
  88. </label>
  89. </p>
  90. <%-- <input name="userid" value="${users.id}" hidden="hidden"/>--%>
  91. <input name="userid" value="1" id="userid" hidden="hidden"/>
  92. <p class="type_li">
  93. <label>
  94. <input type="radio" name="type" id="q1_3" value="3" hidden/>
  95. <label for="q1_3" class="advice"></label>
  96. <span class="radio-name">超级靓号定制(例:666、888等)</span>
  97. </label>
  98. </p>
  99. <p class="type_li">
  100. <label>
  101. <input type="radio" name="type" id="q1_4" value="4" hidden/>
  102. <label for="q1_4" class="advice"></label>
  103. <span class="radio-name">其他靓号</span>
  104. </label><input type="text" class="other_code" name="title" placeholder="请输入靓号类型">
  105. </p>
  106. </div>
  107. <!-- <button class="submitdes">确认提交</button> -->
  108. <%-- <a href="submit_sucess.html" class="submitdes">确认提交</a>--%>
  109. <a href="javascript:;" onclick="submits()" class="submitdes">确认提交</a>
  110. </form>
  111. <div class="msg_boax">
  112. <p class="tinejitit"><span class="colred">*</span>注意事项</p>
  113. <p class="tinejtext">1、由于靓号对时效性要求较高,业务申请提交后请保持电话畅通。</p>
  114. <p class="tinejtext">2、价格会随着市场有较大波动,请务必在业务办理前与工作人员核实办理费用。</p>
  115. <p class="tinejtext">3、沪牌选号业务仅支持新车(从未上过车牌)办理。</p>
  116. <p class="tinejtext">4、如有疑问请联系在线客服,或拔打平台热线:400-123-1234</p>
  117. </div>
  118. </div>
  119. <script type="text/javascript">
  120. /**
  121. * 获得验证码
  122. * @returns {boolean}
  123. */
  124. function sendsmg() {
  125. var phone = $("#phone").val();
  126. if (phone == null || phone == '') {
  127. layer.msg("请输入手机号码");
  128. return false;
  129. } else {
  130. $.post("sendsms.html", {"phone": phone}, function (data) {
  131. });
  132. }
  133. }
  134. function submits() {
  135. var code = $("#codes").val();
  136. var phone = $("#phone").val();
  137. <%--var userid = '${users.id}';--%>
  138. var userid = $("#userid").val();
  139. if (userid != null && userid != '') {
  140. $.post("contrastcode.html", {"phone": phone, "code": code}, function (data) {
  141. if (data.is) {
  142. layer.msg("验证码错误,请您核对验证码");
  143. } else {
  144. $.post("beaut_success.html", $("#beaut").serialize(), function (datas) {
  145. if (!datas.is) {
  146. layer.msg("提交成功");
  147. window.location.href = "submit_sucess.html";
  148. }
  149. })
  150. }
  151. })
  152. } else {
  153. layer.msg("请您先登录");
  154. }
  155. }
  156. </script>
  157. <!-- <div class="footer_nav">
  158. <a href="index.html" class="foot_nav">
  159. <img src="images/timg.jpg" alt="" class="foot_nav_icon">
  160. <p class="foot_nav_tit">首页</p>
  161. </a>
  162. <a href="packages.html" class="foot_nav">
  163. <img src="images/timg.jpg" alt="" class="foot_nav_icon">
  164. <p class="foot_nav_tit">套餐</p>
  165. </a>
  166. <a href="javascript:;" class="foot_nav">
  167. <img src="images/timg.jpg" alt="" class="foot_nav_icon">
  168. <p class="foot_nav_tit">代理邀请</p>
  169. </a>
  170. <a href="store.html" class="foot_nav">
  171. <img src="images/timg.jpg" alt="" class="foot_nav_icon">
  172. <p class="foot_nav_tit">门店</p>
  173. </a>
  174. <a href="my.html" class="foot_nav">
  175. <img src="images/timg.jpg" alt="" class="foot_nav_icon">
  176. <p class="foot_nav_tit">我的</p>
  177. </a>
  178. </div>
  179. <div class="botmbox"></div> -->
  180. <!-- 代码部分end -->
  181. </body>
  182. </html>