|
@@ -1,47 +1,17 @@
|
|
|
{extend name="layout:home" /}
|
|
{extend name="layout:home" /}
|
|
|
{block name="container"}
|
|
{block name="container"}
|
|
|
<style>
|
|
<style>
|
|
|
- .yanzheng{
|
|
|
|
|
- margin:0px auto;
|
|
|
|
|
- height: 100px;
|
|
|
|
|
- width: 600px;
|
|
|
|
|
- }
|
|
|
|
|
- ul{
|
|
|
|
|
|
|
+ .accountinfo_title{
|
|
|
|
|
+ width: 150px;
|
|
|
margin:50px auto;
|
|
margin:50px auto;
|
|
|
- width: 536px;
|
|
|
|
|
- /*border: 1px red solid;*/
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- ul li{
|
|
|
|
|
- /*border: 1px #aaa solid;*/
|
|
|
|
|
- border-radius: 2px;
|
|
|
|
|
- height: 30px;
|
|
|
|
|
- width: 30px;
|
|
|
|
|
- line-height:30px ;
|
|
|
|
|
- float: left;
|
|
|
|
|
- margin-left: 220px;
|
|
|
|
|
- }
|
|
|
|
|
- li .num{
|
|
|
|
|
- border: 1px #aaa solid;
|
|
|
|
|
- height: 30px;
|
|
|
|
|
- width: 30px;
|
|
|
|
|
- line-height:30px ;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- border-radius: 100%;
|
|
|
|
|
- background-color: white;
|
|
|
|
|
- }
|
|
|
|
|
- li .tishi{
|
|
|
|
|
- width: 100px;
|
|
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- /*border: 1px #aaa solid;*/
|
|
|
|
|
- margin-left: -35px;
|
|
|
|
|
|
|
+ font-size: 13px;
|
|
|
color: dodgerblue;
|
|
color: dodgerblue;
|
|
|
}
|
|
}
|
|
|
table{
|
|
table{
|
|
|
- margin:0 auto;
|
|
|
|
|
|
|
+ margin:-30px auto;
|
|
|
font-size: 13px;
|
|
font-size: 13px;
|
|
|
|
|
+ margin-bottom: 100px;
|
|
|
}
|
|
}
|
|
|
/*.accountinfo_title table{*/
|
|
/*.accountinfo_title table{*/
|
|
|
/*margin-left: 150px;*/
|
|
/*margin-left: 150px;*/
|
|
@@ -51,52 +21,51 @@
|
|
|
height: 60px;
|
|
height: 60px;
|
|
|
line-height: 60px;
|
|
line-height: 60px;
|
|
|
}
|
|
}
|
|
|
|
|
+ .td_info{
|
|
|
|
|
+ width: 80px;
|
|
|
|
|
+ height: 60px;
|
|
|
|
|
+ line-height: 60px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .td_user_info{
|
|
|
|
|
+ width: 220px;
|
|
|
|
|
+ height: 60px;
|
|
|
|
|
+ line-height: 60px;
|
|
|
|
|
+ }
|
|
|
table input{
|
|
table input{
|
|
|
border: 1px #aaa solid;
|
|
border: 1px #aaa solid;
|
|
|
border-radius: 2px;
|
|
border-radius: 2px;
|
|
|
height: 30px;
|
|
height: 30px;
|
|
|
- width: 220px;
|
|
|
|
|
|
|
+ width: 280px;
|
|
|
line-height:30px ;
|
|
line-height:30px ;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
|
<div class="layui-tab layui-tab-card">
|
|
<div class="layui-tab layui-tab-card">
|
|
|
<div class="updatepwd">
|
|
<div class="updatepwd">
|
|
|
<form method="post">
|
|
<form method="post">
|
|
|
- <div class="yanzheng">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <div style="border: 1px #aaa solid; width: 530px;margin-top: 15px;position: absolute;z-index: -1;" ></div>
|
|
|
|
|
- <li style="margin-left: 0px;">
|
|
|
|
|
- <div class="num">1</div>
|
|
|
|
|
- <div class="tishi">身份验证</div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <div class="num">2</div>
|
|
|
|
|
- <div class="tishi">新电话号码验证</div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <div class="num">3</div>
|
|
|
|
|
- <div class="tishi">下一步</div>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div style="height: 280px;">
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="accountinfo_title" style="font-size: 16px;">修改电话号码</div>
|
|
|
<table>
|
|
<table>
|
|
|
<tr>
|
|
<tr>
|
|
|
- <td class="td_info">您的电话号码</td>
|
|
|
|
|
- <td style="position: relative;">+ (86)  {$user['user_phone']}<input type="button" value="获取验证码" style="width: 80px;accept:right;position: absolute;right: 0px;top:15px;"></td>
|
|
|
|
|
|
|
+ <td class="td_info">当前电话号码</td>
|
|
|
|
|
+ <td class="td_user_info"><input type="text" name="phone" id="phone" value="{$user['user_phone']}" readonly="readonly"></td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
- <td class="td_info">输入验证码</td>
|
|
|
|
|
- <td class="td_user_info"><input type="text" name="captcha" id="captcha" placeholder="请输入验证码"></td>
|
|
|
|
|
|
|
+ <td class="td_info">修改电话号码</td>
|
|
|
|
|
+ <td class="td_user_info"><input type="text" name="new_phone" id="new_phone" placeholder="请输入修改电话号码"></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="td_info">确认电话号码</td>
|
|
|
|
|
+ <td class="td_user_info"><input type="text" name="confirm_phone" id="confirm_phone" placeholder="请再次输入修改电话号码"></td>
|
|
|
</tr>
|
|
</tr>
|
|
|
<tr>
|
|
<tr>
|
|
|
<td class="td_info"></td>
|
|
<td class="td_info"></td>
|
|
|
- <td class="next">
|
|
|
|
|
- <input type="button" value="下一步" style="width: 70px;border-color: dodgerblue;color: dodgerblue;background-color: white;">
|
|
|
|
|
- <input type="button" id="btn" value="取消" style="width: 70px;border-color: dodgerblue;color: dodgerblue;background-color: white;margin-left: 30px;">
|
|
|
|
|
|
|
+ <td>
|
|
|
|
|
+ <input type="submit" id="layui-btn" value="保存修改" style="width: 70px;margin-left: 30px;">
|
|
|
|
|
+ <input type="button" id="btn" value="取消" style="width: 70px;margin-left: 50px;">
|
|
|
</td>
|
|
</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
</table>
|
|
</table>
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
</form>
|
|
</form>
|
|
|
</div>
|
|
</div>
|
|
@@ -105,29 +74,29 @@
|
|
|
$("#btn").click(function(){
|
|
$("#btn").click(function(){
|
|
|
window.history.back(-1);
|
|
window.history.back(-1);
|
|
|
});
|
|
});
|
|
|
- //密码 校验
|
|
|
|
|
- $("#new_password").blur(function(){
|
|
|
|
|
- var password = document.getElementById("new_password").value;
|
|
|
|
|
- var patrn=/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,20}$/;
|
|
|
|
|
|
|
+ //电话号码 校验
|
|
|
|
|
+ $("#new_phone").blur(function(){
|
|
|
|
|
+ var password = document.getElementById("new_phone").value;
|
|
|
|
|
+ var patrn=/^1[3456789]\d{9}$/;
|
|
|
if (!patrn.exec(password)){
|
|
if (!patrn.exec(password)){
|
|
|
- document.getElementById("new_password").style.borderColor = "red";
|
|
|
|
|
|
|
+ document.getElementById("new_phone").style.borderColor = "red";
|
|
|
document.getElementById("layui-btn").type = "button";
|
|
document.getElementById("layui-btn").type = "button";
|
|
|
}else{
|
|
}else{
|
|
|
- document.getElementById("new_password").style.borderColor = "#e6e6e6";
|
|
|
|
|
- if(document.getElementById("confirm_password").style.borderColor != "red"){
|
|
|
|
|
|
|
+ document.getElementById("new_phone").style.borderColor = "#e6e6e6";
|
|
|
|
|
+ if(document.getElementById("confirm_phone").style.borderColor != "red"){
|
|
|
document.getElementById("layui-btn").type = "submit";
|
|
document.getElementById("layui-btn").type = "submit";
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
- $("#confirm_password").blur(function(){
|
|
|
|
|
- var password = document.getElementById("confirm_password").value;
|
|
|
|
|
- var patrn=/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,20}$/;
|
|
|
|
|
|
|
+ $("#confirm_phone").blur(function(){
|
|
|
|
|
+ var password = document.getElementById("confirm_phone").value;
|
|
|
|
|
+ var patrn=/^1[3456789]\d{9}$/;
|
|
|
if (!patrn.exec(password)){
|
|
if (!patrn.exec(password)){
|
|
|
- document.getElementById("confirm_password").style.borderColor = "red";
|
|
|
|
|
|
|
+ document.getElementById("confirm_phone").style.borderColor = "red";
|
|
|
document.getElementById("layui-btn").type = "button";
|
|
document.getElementById("layui-btn").type = "button";
|
|
|
}else{
|
|
}else{
|
|
|
- document.getElementById("confirm_password").style.borderColor = "#e6e6e6";
|
|
|
|
|
- if(document.getElementById("new_password").style.borderColor != "red"){
|
|
|
|
|
|
|
+ document.getElementById("confirm_phone").style.borderColor = "#e6e6e6";
|
|
|
|
|
+ if(document.getElementById("new_phone").style.borderColor != "red"){
|
|
|
document.getElementById("layui-btn").type = "submit";
|
|
document.getElementById("layui-btn").type = "submit";
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|