Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
CQ_ADI
/
adicn
2
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Fa: f1d6cef3a5
Branch-ok Tag-ek
adicn
/
phpcms
/
templates
/
default
/
member
/
forget_password_mobile.html

forget_password_mobile.html 9.4 KB
Előzmények Nyers

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 

  5. <meta http-equiv="X-UA-Compatible" content="IE=7" />
    6. 

  6. <title>phpcmsV9 - {L('member','','member').L('manage_center')}</title>
    7. 

  7. <script type="text/javascript" src="{JS_PATH}jquery.min.js"></script>
    8. 

  8. <script type="text/javascript" src="{JS_PATH}member_common.js"></script>
    9. 

  9. <script type="text/javascript" src="{JS_PATH}formvalidator.js" charset="UTF-8"></script>
    10. 

  10. <script type="text/javascript" src="{JS_PATH}formvalidatorregex.js" charset="UTF-8"></script>
    11. 

  11. <script type="text/javascript" src="{JS_PATH}dialog.js"></script>
    12. 

  12. <link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" />
    13. 

  13. <link href="{CSS_PATH}table_form.css" rel="stylesheet" type="text/css" />
    14. 

  14. <style type="text/css">
    15. 

  15. .submit,.pass-logo a,.form-login .input label,.item span,#content h2 span em{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
    16. 

  16. .blue,.blue a{color:#377abe},.submit input{cursor:hand;}
    17. 

  17. .log{line-height:24px; height:24px;float:right; font-size:12px}
    18. 

  18. .log span{color:#ced9e7}
    19. 

  19. .log a{color:#049;text-decoration: none;}
    20. 

  20. .log a:hover{text-decoration: underline;}
    21. 

  21. #header{ height:94px; background:url({IMG_PATH}member/h.png) repeat-x}
    22. 

  22. #header .logo{ padding-right:100px;float:left;background:url({IMG_PATH}member/login-logo.png) no-repeat right 2px;}
    23. 

  23. #header .content{width:920px; margin:auto; height:60px;padding:10px 0 0 0}
    24. 

  24. #content{width:920px; margin:auto; padding:36px 0 0 0}
    25. 

  25. #content{width:920px; margin:auto; padding:20px 0 0 0; overflow:auto}
    26. 

  26. .form-login{width:420px; padding-left:40px}
    27. 

  27. #content h2{font-size:25px;color:#494949;border-bottom: 1px dashed #CCC;padding-bottom:3px; margin-bottom:10px}
    28. 

  28. #content h2 span{font-size:12px; font-weight:normal}
    29. 

  29. #content h2 span em{background: url({IMG_PATH}member/order.png) no-repeat 0px -16px; width:15px; height:15px; line-height:15px; text-align:center; margin-right:5px; color:#FFF}
    30. 

  30. #content h2 span.on{ color:#333; font-weight:700}
    31. 

  31. #content h2 span.on em{background-position: 0px 0px;}
    32. 

  32. 

  33. .form-login .input{ padding:7px 0; overflow:hidden; clear:both}
    34. 

  34. .form-login .input label{ width:180px;font-size:14px; color:#8c8686; text-align:right; float:left}
    35. 

  35. .form-login .input .form{ width:560px; float:left}
    36. 

  36. .take,.reg{padding:0 0 0 84px}
    37. 

  37. .take .submit{margin-top:10px}
    38. 

  38. .form-login .hr{background: url({IMG_PATH}member/line.png) no-repeat left center; height:50px;}
    39. 

  39. .form-login .hr hr{ display:none}
    40. 

  40. 

  41. .form-reg{padding:10px 0 0 14px; width:700px; border-right:1px solid #ccc}
    42. 

  42. .form-reg .input label{ width:200px}
    43. 

  43. .form-reg .input label.type{ width:auto; color:#000; padding-right:10px}
    44. 

  44. .form-reg .reg{padding:10px 0 0 120px}
    45. 

  45. .form-reg .reg .submit{ margin-bottom:5px}
    46. 

  46. 

  47. .submit{padding-left:3px}
    48. 

  48. .submit,.submit input{ background: url({IMG_PATH}member/but.png) no-repeat; height:29px;}
    49. 

  49. .submit input{background-position: right top; border:none; padding:0 10px 0 7px; font-size:14px}
    50. 

  50. .reg{ color:#666; line-height:24px}
    51. 

  51. .reg .submit{background-position: left -35px; height:35px}
    52. 

  52. .reg .submit input{background-position: right -35px; font-weight:700; color:#fff; height:35px}
    53. 

  53. .reg-auto{ padding:10px 0 0 20px}
    54. 

  54. .reg-auto p{ margin-bottom:10px; color:#666;}
    55. 

  55. .col-1{position:relative; float:right; border:1px solid #c4d5df; zoom:1;background: url({IMG_PATH}member/member_title.png) repeat-x; width:310px; margin: auto; height:304px}
    56. 

  56. .col-1 span.o1,
    57. 

  57. 	.col-1 span.o2,
    58. 

  58. 	.col-1 span.o3,
    59. 

  59. 	.col-1 span.o4{position:absolute;width:3px;height:3px;background: url(images/fillet.png) no-repeat}
    60. 

  60. 	.col-1 span.o1{background-position: left -6px; top:-1px; left:-1px}
    61. 

  61. 	.col-1 span.o2{background-position: right -6px; top:-1px; right:-1px}
    62. 

  62. 	.col-1 span.o3{background-position: left bottom; bottom:-1px; left:-1px}
    63. 

  63. 	.col-1 span.o4{background-position: right bottom; bottom:-1px; right:-1px;}
    64. 

  64. .col-1 .title{color:#386ea8; padding:5px 10px 3px}
    65. 

  65. .col-1 div.content{padding:0px 10px 10px}
    66. 

  66. .col-1 div.content h5{background: url({IMG_PATH}member/ext-title.png) no-repeat 2px 10px; height:34px}
    67. 

  67. .col-1 div.content h5 strong{ visibility: hidden}
    68. 

  68. .pass-logo{ margin:auto; width:261px; padding-top:15px}
    69. 

  69. .pass-logo a img{ border:1px solid #ddd}
    70. 

  70. .pass-logo a{border:3px solid #fff}
    71. 

  71. .pass-logo a.logo,
    72. 

  72. .pass-logo a:hover{border:3px solid #e8f1f1;}
    73. 

  73. .pass-logo p{border-top: 1px solid #e1e4e8; padding-top:15px}
    74. 

  74. .item{padding:10px 0; vertical-align:middle; margin-bottom:10px}
    75. 

  75. .item span{ color:#8c8686}
    76. 

  76. 

  77. #footer{color:#666; line-height:24px;width:920px; margin:auto; text-align:center; padding:12px 0; margin-top:52px; border-top:1px solid #e5e5e5}
    78. 

  78. #footer a{color:#666;}
    79. 

  79. 

  80. .point{border:1px solid #ffbf7a; background:#fffced; margin-bottom:10px; margin-right:100px;margin-left:50px;position:relative}
    81. 

  81. .point .content{padding:8px 10px;}
    82. 

  82. .point .content .title{color:#ff8400}
    83. 

  83. .point .content p{color:#777; text-indent:20px}
    84. 

  84. .point span.o1,
    85. 

  85. 	.point span.o2,
    86. 

  86. 	.point span.o3,
    87. 

  87. 	.point span.o4{position:absolute;width:3px;height:3px;background: url({IMG_PATH}fillet.png) no-repeat; overflow:hidden}
    88. 

  88. 	.point span.o1{background-position: left top; top:-1px; left:-1px}
    89. 

  89. 	.point span.o2{background-position: right top; top:-1px; right:-1px}
    90. 

  90. 	.point span.o3{background-position: left -3px; bottom:-1px; left:-1px}
    91. 

  91. 	.point span.o4{background-position: right -3px; bottom:-1px; right:-1px;}
    92. 

  92. 	
    93. 

  93. .submit button.hqyz{margin:0px; padding:0px; border:none; cursor:pointer; }
    94. 

  94. .submit button.hqyz{
    95. 

  95.     background-position: 100% 0%;
    96. 

  96.     border: medium none;
    97. 

  97.     font-size: 12px;
    98. 

  98.     padding: 0 10px 0 7px;
    99. 

  99. }
    100. 

  100. .submit button.hqyz{
    101. 

  101.     background: url("http://test.phpcms.cn/statics/images/member/but.png") no-repeat 100% 0px;
    102. 

  102.     height: 29px;
    103. 

  103.     width: auto;
    104. 

  104. 	
    105. 

  105. }
    106. 

  106. 

  107. #mobile_div input{*margin-bottom:12px;*_padding:0px 0px 6px 0px}
    108. 

  108. </style>
    109. 

  109. </head>
    110. 

  110. <body>
    111. 

  111. <div id="header">
    112. 

  112. 	<div class="content">
    113. 

  113. 	<div class="logo"><a href="{$siteinfo['domain']}"><img src="{IMG_PATH}v9/logo.jpg"/></a></div>
    114. 

  114.     <span class="rt log"></span>
    115. 

  115.     </div>
    116. 

  116. </div>
    117. 

  117. 

  118. <div id="content">
    119. 

  119. 	<h2>{L('use_mobile_get_password')}</h2>
    120. 

  120. 	{if $step==1}
    121. 

  121. <script language="JavaScript">
    122. 

  122. <!--
    123. 

  123. $(function(){
    124. 

  124. 	$.formValidator.initConfig({autotip:true,formid:"myform",onerror:function(msg){}});
    125. 

  125. 	$("#username").formValidator({onshow:"请输入用户名",onfocus:"应该为2-20位之间"}).inputValidator({min:2,max:20,onerror:"应该为2-20位之间"}).regexValidator({regexp:"ps_username",datatype:"enum",onerror:"用户名格式错误"});
    126. 

  126. });
    127. 

  127. //-->
    128. 

  128. </script>
    129. 

  129. 

  130. 	<form method="post" action="" id="myform">
    131. 

  131. 		<div class="col-left form-login form-reg">
    132. 

  132. 			<div class="point">
    133. 

  133. 				<div class="content">
    134. 

  134. 					<strong class="title">步骤：1. 用户名确认 &nbsp;&nbsp;>&nbsp;&nbsp; 2. 手机号码确认 &nbsp;&nbsp;>&nbsp;&nbsp; 3. 手机收到新密码</strong>
    135. 

  135. 				</div>
    136. 

  136. 			</div>
    137. 

  137. 

  138. 			<div class="input"><label>请输入用户名：</label><input type="text" id="username" name="username" size="36" class="input-text"></div>
    139. 

  139. 			<div class="input"><label>{L('checkcode')}：</label><input type="text" id="code" name="code" size="10" class="input-text">{form::checkcode('code_img', '4', '14', 80, 24)}</div>
    140. 

  140. 

  141. 			<div class="reg">
    142. 

  142. 				<div class="submit">
    143. 

  143. 				<input type="hidden" name="step" value="2">
    144. 

  144. 				<input type="submit" name="dosubmit" value="{L('submit')}" style="width:60px"></div> &nbsp;&nbsp;&nbsp;&nbsp;<a href="?m=member&c=index&a=public_get_password_type">重新选择验证方式</a>
    145. 

  145. 			</div>
    146. 

  146. 		</div>
    147. 

  147. 	</form>
    148. 

  148. 	{else}
    149. 

  149. 	<form method="post" action="" id="myform">
    150. 

  150. 		<div class="col-left form-login form-reg">
    151. 

  151. 			<div class="point">
    152. 

  152. 				<div class="content">
    153. 

  153. 					<strong class="title">步骤：1. 用户名确认 &nbsp;&nbsp;>&nbsp;&nbsp; 2. 手机号码确认 &nbsp;&nbsp;>&nbsp;&nbsp; 3. 手机收到新密码</strong>
    154. 

  154. 				</div>
    155. 

  155. 			</div>
    156. 

  156. 

  157.  <div class="input"><label> 您绑定的手机号码为：</label>{substr($r['mobile'],0,3)}****{substr($r['mobile'],-3)}
    158. 

  158.  <input type="hidden" name="step" value="3">
    159. 

  159.  <span id="mobile_div"><button onclick="get_verify()" type="button" class="button">获取短信校验码</button></span>
    160. 

  160.  <span id="mobile_send" style="display:none">，短信已发送成功，请查收，短信如在10分钟内没有收到，请重试其他方法</span>
    161. 

  161.  </div>
    162. 

  162. <script type="text/javascript">
    163. 

  163. <!--
    164. 

  164. 	function get_verify() {
    165. 

  165. 		$.get("api.php?op=sms",{ session_code: '{$_SESSION['code']}',random:Math.random()}, function(data){
    166. 

  166. 			if(data=="0") {
    167. 

  167. 				$("#mobile_div").hide();
    168. 

  168. 				$("#mobile_send").show();
    169. 

  169. 			} else if(data=="-1") {
    170. 

  170. 				alert("你今天获取验证码次数已达到上限");
    171. 

  171. 			} else {
    172. 

  172. 				alert("短信发送失败");
    173. 

  173. 			}
    174. 

  174. 		});
    175. 

  175. 	}
    176. 

  176. //-->
    177. 

  177. </script>
    178. 

  178. <script language="JavaScript">
    179. 

  179. <!--
    180. 

  180. $(function(){
    181. 

  181. 	$.formValidator.initConfig({autotip:true,formid:"myform",onerror:function(msg){}});
    182. 

  182. 	$("#mobile_verify").formValidator({onshow:"短信校验码",onfocus:"应该为4-8位之间"}).inputValidator({min:4,max:8,onerror:"应该为4-8位之间"});
    183. 

  183. });
    184. 

  184. //-->
    185. 

  185. </script>
    186. 

  186. 			<div class="input"><label>短信校验码：</label><input type="text" name="mobile_verify" id="mobile_verify" value="" size="14" class="input-text"></div>
    187. 

  187. 			
    188. 

  188. 			
    189. 

  189. 			
    190. 

  190. 			<div class="reg">
    191. 

  191. 				<div class="submit"><input type="submit" name="dosubmit" value="{L('submit')}" style="width:60px"></div>
    192. 

  192. 			</div>
    193. 

  193. 		</div>
    194. 

  194. 	</form>
    195. 

  195. 

  196. 	{/if}
    197. 

  197.     <div class="col-auto reg-auto">
    198. 

  198.     	<p class="f14">
    199. 

  199. 		{L('already_have_account')}
    200. 

  200.         </p>
    201. 

  201.         <div class="submit"><input type="submit" name="dosubmit" value="{L('login')}" onclick="redirect('{APP_PATH}index.php?m=member&c=index&a=login')"></div>
    202. 

  202.     </div>
    203. 

  203. </div>
    204. 

  204. 

  205. {template 'member', 'footer'}
    206.