From 598b6f07c347ad16b4f2424833e786feee5ee4a6 Mon Sep 17 00:00:00 2001
From: Aokiso <1010390029@qq.com>
Date: Tue, 15 Jan 2019 14:55:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/resources/static/checkPhoneNum2.html | 181 ++++++++++++++++++
 1 file changed, 181 insertions(+)
 create mode 100644 demo/src/main/resources/static/checkPhoneNum2.html
diff --git a/demo/src/main/resources/static/checkPhoneNum2.html b/demo/src/main/resources/static/checkPhoneNum2.html
new file mode 100644
index 0000000..8d0c299
--- /dev/null
+++ b/demo/src/main/resources/static/checkPhoneNum2.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="Pragma" content="no-cache">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
+		<meta name="format-detection" content="telephone=yes"/>
+		<meta name="apple-mobile-web-app-capable" content="yes" />
+		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+		<title>绑定信息</title>
+		<!-- Bootstrap core CSS-->
+	 	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
+		<link rel="stylesheet" href="css/bootstrap.min.css" tppabs="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
+		
+		<style type="text/css">
+			body{
+				margin: 0;
+				padding: 0; 
+			}	 
+			.modal_content{
+				padding: 30px;
+				display: flex;
+				justify-content: center;
+				flex-direction: column; 
+			}
+			
+			.modal_content>div{
+				margin-bottom: 20px;
+			}
+			.modal_content>h5:first-child{
+				margin:30px 0px;
+			}
+			#dialog label{
+				 color: #666;
+			}
+			#phone1{
+				display: block;
+				width: 100%;
+				height: 70px; 
+				background: none;
+				padding-top: 30px;	
+				border: 0;
+				outline:none;
+				text-align: center;	
+				margin-top: -30px; 
+				font-size: 16px;
+				border-bottom: 1px solid rgba(0,0,0,.2);
+				border-radius: 0;
+			}
+			.code1{
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;	
+				width: 100%;
+				height: 70px; 
+				background: none; 
+				padding-top: 30px;	
+				margin-top: -30px; 
+				font-size: 16px;
+				border-bottom: 1px solid rgba(0,0,0,.2);
+				border-radius: 0;
+			}
+			#code1{  
+				width: calc(100% - 90px);
+				height: 55px; 
+				background: none; 
+				padding-top: 20px;	
+				border: 0;
+				outline:none;
+				text-align: center;	
+				margin-top: -20px; 
+				font-size: 16px;  
+			}
+			#btnSendCode1{
+				width: 90px;
+				height: 30px;  
+				padding: 0 5px;
+				margin: 0;
+				font-size: 14px;
+				text-align: center;
+				background: transparent;
+				border-radius: 30px;
+				color: #a07941;
+				border-color: #a07941;
+				 
+			}
+			::-webkit-input-placeholder { /* WebKit browsers */
+				font-size: 14px;
+			    color:   rgba(0,0,0,.4);
+			}
+			:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+				font-size: 14px;
+			    color:   rgba(0,0,0,.4);
+			}
+			::-moz-placeholder { /* Mozilla Firefox 19+ */
+				font-size: 14px;
+			    color:  rgba(0,0,0,.4);
+			}
+			:-ms-input-placeholder { /* Internet Explorer 10+ */
+				font-size: 14px;
+			    color:   rgba(0,0,0,.4);
+			}
+				
+			.next{
+				text-align: center;
+				margin: 20px 0;
+			}
+			.next button{
+				width: 100%; 
+				height: 45px;
+				padding: 0;
+				margin: 0;
+				background: #007BFF;
+				color: #fff;
+				border: 0;
+				outline:none;
+				border-radius: 3px;
+			}		
+	</style>
+	</head>
+	<body>
+	<form name="form2"  action="/phoreg2" method="post">
+		<div class="modal_content">		
+			<h5></h5>
+			<div>
+				<label for="phone1">手机号：</label><br />
+				<input id="phone1" type="text" autocomplete="off" placeholder="请输入已绑定的手机号"/>				
+			</div> 
+			<div>
+				<label for="code1">验证码：</label>
+				<div class="code1">
+					<input id="code1" type="text" autocomplete="off" placeholder="短信验证码"/>				
+					<input id="btnSendCode1" type="button" class="btn btn-default" value="获取验证码" onClick="sendMessage1()" />
+				</div>				
+			</div> 	
+			<div class="next">  			
+				<button onClick="binding()">确定</button>
+			</div>
+		</div>	 	
+		
+		<script type="text/javascript" src="js/jquery.min.js" tppabs="http://www.17sucai.com/preview/1266961/2018-07-11/sms/js/jquery.min.js"></script>
+		<script type="text/javascript">
+			var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;//手机号正则 
+			var count = 60; //间隔函数，1秒执行
+			var InterValObj1; //timer变量，控制时间
+			var curCount1;//当前剩余秒数
+			/*第一*/
+			function sendMessage1() {
+				curCount1 = count;		 		 
+				var phone = $.trim($('#phone1').val());
+				if (!phoneReg.test(phone)) {
+					alert(" 请输入有效的手机号码"); 
+					return false;
+				}
+				//设置button效果，开始计时
+				$("#btnSendCode1").attr("disabled", "true");
+				$("#btnSendCode1").val( + curCount1 + "秒再获取");
+				InterValObj1 = window.setInterval(SetRemainTime1, 1000); //启动计时器，1秒执行一次
+				//向后台发送处理数据
+					 
+			}
+			function SetRemainTime1() {
+				if (curCount1 == 0) {                
+					window.clearInterval(InterValObj1);//停止计时器
+					$("#btnSendCode1").removeAttr("disabled");//启用按钮
+					$("#btnSendCode1").val("重新发送");
+				}
+				else {
+					curCount1--;
+					$("#btnSendCode1").val( + curCount1 + "秒再获取");
+				}
+			} 
+			
+			/*提交*/
+			function binding(){
+				alert(1)
+			}
+		</script>
+		
+	</body>
+</html>
