|
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>账号绑定-账户设置-科袖网</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/index.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
</head>
<body>
<!--浮动窗口-->
<div class="coverblock cover">
<div class="floatbox" id="bindmail">
<div class="float-title">
邮箱绑定
<span class="times"></span>
</div>
<form class="bdfrm" action="" name="bdemail">
<p>验证您的邮箱地址，完成邮箱账号绑定</p>
<input type="text" placeholder="请输入您的邮箱地址" class="yz" id="email" onblur="valEmail()" >
<div class="msg-yz msg11"><span></span></div>
<div style="text-align: center;">
<input type="button" value="发送验证邮件" class="activate act-color sett" onClick="bindEmail()" >
</div>
</form>
</div>
</div>
<div class="coverblock coverset" id="vovernext">
<div class="floatbox" style="width:460px;">
<div class="float-title">
邮箱绑定
<span class="times"></span>
</div>
<form class="bdfrm" action="" name="bdemail">
<p>绑定邮箱验证链接已发送至</p>
<p class="emalvel" style="color:#FF9900"></p>
<p style="font-size: 12px;">请您在10分钟内登录邮箱激活链接验证</p>
<div style="text-align: center;">
<input type="button" value="登录邮箱完成验证" class="activate act-color" style="width:160px" id="bindgo">
</div>
</form>
</div>
</div>
<div class="coverblock cover2">
<div class="floatbox" id="bindphone">
<div class="float-title">
手机绑定
<span class="times" ></span>
</div>
<form class="bdfrm" action="" name="bdphone">
<p>验证您的手机号，完成手机账号绑定</p>
<input type="text" placeholder="请输入您的手机号" class="yz" id="phone" onBlur="valPhone()">
<div class="msg-yz msg12"></div>
<input type="text" placeholder="请输入短信验证码" class="psd input-code" style="height:36px;" maxlength="4" id="phoneCode" onBlur="valCode()">
<input type="button" value="获取短信验证码" class="infor-code" onClick="sendPhoneCode()">
<div class="msg-yz msg13"></div>
<div style="text-align: center;">
<input type="button" value="完成绑定" class="activate act-color" onClick="bindPhone()">
</div>
</form>
</div>
</div>
<!--头部-->
<header id="header">
<script src="js/header.js"></script>
</header>
<!--内容-->
<div id="container">
<div class="containerCon">
<div class="account">
<div class="account-set">
<div class="account-title">账号设置</div>
<!-- <a href="#" class="leftsidebar">个人信息</a> -->
<a href="account-set.html" class="leftsidebar">修改密码</a>
<a href="javascript:;" class="leftsidebar bgcolor">账号绑定</a>
<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
<a href="realname-authentication.html" class="leftsidebar">实名认证</a>
<a href="expert-authentication.html" class="leftsidebar">专家认证</a>
</div>
<div class="contentbox">
<div class="content-set">
<div class="content-title">账号绑定</div>
<div class="note">绑定后，您可以同时使用以下方式登录科袖网</div>
<div class="unbinding">
<div class="replace1"><span class="email-icon "></span>绑定邮箱账号<input type="button" value="绑定" class="replace"></div>
<div class="replace2"><span class="phone-icon "></span>绑定手机账号<input type="button" value="绑定" class="replace"></div>
<div class="replace3">
<span class="email-icon"></span>您已绑定邮箱 <span id="emailShow"></span>
<input type="button" value="更换" class="replace replace5"><br>
</div>
<div class="replace4">
<span class="phone-icon "></span>您已绑定手机 <span id="phoneShow"></span>
<input type="button" value="更换" class="replace replace6" >
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--底部-->
<footer>
<script type="text/javascript" src="js/footer.js"></script>
</footer>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/settings/account-binding.js"></script>
</body>
</html>
|
