5 Star 1 Fork 1

烟雨平生 / 跨境电商借卖平台前端

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
register.html 7.54 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
烟雨平生 提交于 2019-08-06 17:02 . admin
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>跨境电商借买交易平台</title>
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/plugins/icomoon/style.css" rel="stylesheet">
<link href="assets/plugins/uniform/css/default.css" rel="stylesheet" />
<link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />
<link href="css/bootstrap-table.min.css" rel="stylesheet" />
<link href="assets/plugins/plupload/js/jquery.plupload.queue/css/jquery.plupload.queue.css" rel="stylesheet" type="text/css" />
<link href="assets/css/ecaps.min.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
</head>
<style>
#ground {
width: 1600px;
}
#panel {
width: 100%;
height: 100%;
text-align: center;
}
#box {
width: 380px;
height: 410px;
margin: 0 auto;
text-align: center;
position: absolute;
top: 10%;
left: 15%;
background-color: white;
border: 1px solid #008FFF;
}
img:hover {
cursor: default;
transition: all 3.5s;
transform: scale(1.2);
/*以y轴为中心旋转*/
}
</style>
<body>
<div id="ground" class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<a href="" class="one"><img src="img/bg2.jpg"></a>
</div>
<div class="item">
<a href="" class="two"><img src="img/01.jpg"></a>
</div>
<div class="item">
<a href="" class="three"><img src="img/05.jpg"></a>
</div>
<div class="item">
<a href="" class="four"><img src="img/02.jpg"></a>
</div>
<div class="item">
<a href="" class="five"><img src="img/04.jpg"></a>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
</ol>
</div>
<div id="panel" class="panel panel-info">
<label style="font-size: 10px;"><i class="fa fa-globe"></i>小组所有</label>
<div id="box">
<ul id="myTab" class="nav nav-tabs">
<li class="active" style="margin-left: 50px;">
<a href="#home" data-toggle="tab" onclick="changeUser()">借卖方用户注册</a>
</li>
<li>
<a href="#home" data-toggle="tab" onclick="changeStore()">品牌商用户注册</a>
</li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="home">
<input type="hidden" name="type" value="0" />
<label style="margin-top: 15px; margin-left: -15px; font-size: 15px; font-family: '楷体';">用户名:</label>
<input id="userName" style="margin-top: 15px; width: 200px;" /><br />
<label style="font-size: 5px; color:#888888;">填写用户名称,支持双语(中英)</label><br />
<label style="margin-top: 15px; margin-left: -45px; font-size: 15px; font-family: '楷体';">账号(邮箱):</label>
<input id="account" style="margin-top: 15px; width: 200px;" /><br />
<label style="font-size: 5px; color:#888888;">填写绑定邮箱,支持双语(中英)</label><br />
<label style="font-size: 5px; color:#888888;">注意邮箱后缀,如@qq.com等</label><br />
<label style="margin-top: 10px; font-size: 15px; font-family: '楷体';">密码:</label>
<input id="passwd" type="password" style="margin-top: 10px; width: 200px;" /><br />
<label style="font-size: 5px; color:#888888;">填写密码,支持双语(中英)</label><br />
<label style="margin-top: 15px; margin-left: -10px; font-family: '楷体';">验证码:</label>
<input id="verification-code" style="margin-top: 15px; width: 100px; " />
<img id="switchover" src="" style="width: 90px; height: 25px; margin-left: 10px; margin-top: -5px;" onclick="getCaptcha()" alt="验证码图片" /><br />
<label style="font-size: 5px; float: right; margin-right: 30px; color:#888888;">看不清?点击图片下一个</label>
<button id="log-in" class='btn btn-primary btn-xs btnLog-in' style="float: left; margin-left:90px; width:200px; margin-top: 20px; font-size: 15px; font-family: '楷体';" onclick="getEditMessage()"><i class="fa fa-globe"></i>立刻注册</button>
</div>
</div>
</div>
</div>
</div>
<script src="assets/plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/plugins/uniform/js/jquery.uniform.standalone.js"></script>
<script src="js/bootstrap-table.min.js"></script>
<script src="assets/plugins/switchery/switchery.min.js"></script>
<script src="assets/js/ecaps.min.js"></script>
<script src="assets/plugins/plupload/js/plupload.full.min.js"></script>
<script src="assets/plugins/plupload/js/jquery.plupload.queue/jquery.plupload.queue.min.js"></script>
<script src="js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/pages/form-file-upload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
getCaptcha();
});
var uuid;
function getCaptcha() {
$.ajax({
url: 'http://localhost:88/captcha/getUuid',
method: 'GET',
dataType: 'json',
contentType: 'application/json',
async: false,
success: function(CMD) {
console.log(CMD);
uuid = CMD.data.uuid;
var img = document.getElementById("switchover");
img.src = "http://localhost:88/captcha/getCaptcha?uuid=" + uuid;
},
error: function(err) {
console.log(err);
}
});
}
function getEditMessage() {
var userName = document.getElementById("userName").value;
var account = document.getElementById("account").value;
var passwd = document.getElementById("passwd").value;
var verification_code = document.getElementById("verification-code").value;
var rid = 0;
if(document.getElementsByName("type").value == 1) {
//'品牌商'
rid = 1;
} else {
rid = 2;
}
$.ajax({
url: 'http://localhost:88/user/register?code=' + verification_code + '&email=' + account + '&name=' + userName + '&password=' + passwd + '&rid=' + rid + '&uuid=' + uuid,
method: 'POST',
dataType: 'json',
contentType: 'application/json',
async: false,
success: function(data, status) {
console.log(data);
if(data.code == 0) {
alert("邮件已发至绑定邮箱,请注意查收并点击邮件内链接激活账号!");
} else if(data.code == 4){
//window.location.href = "login.html";
alert("验证码有误!");
}else if(data.code == 3){
//window.location.href = "login.html";
alert("验证码有误!");
}else if(data.code == 5){
//window.location.href = "login.html";
alert("该邮箱已注册!");
}else{
alert("未知错误!");
}
},
error: function(err) {
console.log(err);
}
});
}
function changeUser() {
document.getElementsByName("type").value = 0;
}
function changeStore() {
document.getElementsByName("type").value = 1;
}
</script>
</body>
</html>
HTML/CSS
1
https://gitee.com/LGlogo/gmcbrand.git
git@gitee.com:LGlogo/gmcbrand.git
LGlogo
gmcbrand
跨境电商借卖平台前端
develop

搜索帮助

14c37bed 8189591 565d56ea 8189591