Procházet zdrojové kódy

修改密保,修改手机/邮箱 弹窗

chente před 1 rokem
rodič
revize
20f73948f4
1 změnil soubory, kde provedl 101 přidání a 2 odebrání
  1. 101 2
      profile.html

+ 101 - 2
profile.html

@@ -10,6 +10,7 @@
 	<script src=js/jquery-1.9.1.min.js></script> 
 	<script src=js/bootstrap.js></script>
 	<script src=js/global.js></script> 
+	<script src=js/smartcost.js></script>
 </head>
 <body>
 <div class="globalHeader">
@@ -74,7 +75,10 @@
 				<dd>
 				</dd>
 				<dt>邮箱</dt>
-				<dd><b>ka****en@live.cn</b>(<span class="colGreen">已验证</span>)&nbsp;<a href="changeMail.html">修改邮箱</a>
+				<dd><b>ka****en@live.cn</b>(<span class="colGreen">已验证</span>)&nbsp;<a href="changeMail.html" data-toggle="modal" data-target="#chemail">修改邮箱</a>
+				</dd>
+				<dt>密码保护问题</dt>
+				<dd><span class="colGreen">已设置</span>&nbsp;<a href="#" data-toggle="modal" data-target="#pwqs">修改</a>
 				</dd>			
 			</dl>
 		</div>
@@ -106,5 +110,100 @@
     </div>
   </div>
 </div>
-
+<!--密碼保護問題-->
+<div class="modal fade" id="pwqs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">密码保护问题</h4>
+      </div>
+      <div class="modal-body">
+      	<div class="formItem">
+	    	<div class="form-group">
+			    <label for="" style="margin-bottom:10px;"><b>修改密码保护问题,需要手机验证码,</b></label>
+			    <label for="" style="margin-bottom:10px;"><b>当前手机号码:15812644017</b></label>
+				<div class="input-group">
+				    <input type="text" class="form-control" placeholder="输入6位验证码">
+				    <span class="input-group-btn">
+				    	<button class="btn btn-default"  type="button">获取验证码</button>
+				    </span>
+				</div>
+			</div>
+		</div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+        <button type="button" class="btn btn-primary">确认</button>
+      </div>
+    </div>
+  </div>
+</div>
+<!--修改邮箱-->
+<div class="modal fade" id="chemail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">修改邮箱</h4>
+      </div>
+      <div class="modal-body formItem">
+        <div class="trainForm">
+	        <div class="form-group">
+			    <label for="" style="margin-bottom:10px;"><b>修改邮箱,需要进行验证,选验证方式:</b></label>
+			</div>
+			<div class="trainFormTab trainFormTabs clearfix">
+				<a class="now">使用手机验证码</a>
+				<a>使用密保问题</a>
+				<a>使用邮箱验证码</a>
+			</div>
+		</div>
+		<div class="trainFormItem">
+			<div class="formEntry">
+				<div class="formEntry  clearfix">
+			        <div class="form-group">
+					    <label for="" style="margin-bottom:10px;"><b>当前手机号码:15812644017</b></label>
+						<div class="input-group">
+						    <input type="text" class="form-control" placeholder="输入6位验证码">
+						    <span class="input-group-btn">
+						    	<button class="btn btn-default"  type="button">获取验证码</button>
+						    </span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="formEntry clearfix" style="display:none">	
+				<div class="form-group">
+				    <label for="" style="margin-bottom:10px;"><b>您的父亲名字?</b></label>
+				    <input type="text" class="form-control" id="" value="">
+				</div>
+				<!--无密保问题-->
+				<div class="form-group">
+				    <label class="text-danger" style="margin-bottom:10px;"><b>当前账号未设置密码保护问题</b></label>
+				</div>
+			</div>
+			<div class="formEntry clearfix" style="display:none">	
+				<div class="form-group">
+					    <label for="" style="margin-bottom:10px;"><b>当前邮箱:abc123@qq.com</b></label>
+						<div class="input-group">
+						    <input type="text" class="form-control" placeholder="输入6位验证码">
+						    <span class="input-group-btn">
+						    	<button class="btn btn-default"  type="button">发送验证码</button>
+						    </span>
+						</div>
+					</div>
+				<!--无邮箱-->
+				<div class="form-group">
+				    <label class="text-danger" style="margin-bottom:10px;"><b>当前账号未绑定邮箱</b></label>
+				</div>
+			</div>
+		</div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+        <button type="button" class="btn btn-primary">确认</button>
+      </div>
+    </div>
+  </div>
+</div>
 </body>