1
0
mirror of https://e.coding.net/circlecloud/McAccount.git synced 2024-11-25 02:18:57 +00:00
McAccount/View/forge.php

215 lines
7.4 KiB
PHP
Raw Normal View History

2015-10-13 06:26:47 +00:00
<!DOCTYPE html>
<html class="login-bg">
<head>
<title><?=$title?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<!-- bootstrap -->
<link href="View/public/css/bootstrap/bootstrap.css" rel="stylesheet" />
<link href="View/public/css/bootstrap/bootstrap-responsive.css"
rel="stylesheet" />
<link href="View/public/css/bootstrap/bootstrap-overrides.css"
type="text/css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="View/public/css/layout.css" />
<link rel="stylesheet" type="text/css"
href="View/public/css/elements.css" />
<link rel="stylesheet" type="text/css" href="View/public/css/icons.css" />
<link rel="stylesheet" type="text/css"
href="View/public/css/lib/font-awesome.css" />
<link rel="stylesheet" href="View/public/css/compiled/signup.css"
type="text/css" media="screen" />
<style type="text/css">
.yz {
display: none;
}
.iModal {
position: static;
width: 95%;
margin: auto auto;
padding: 0;
}
</style>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="header">
<a href="index.php"> <img src="/View/public/img/logo.png" class="logo" /></a>
2015-10-13 06:26:47 +00:00
<!-- scripts -->
</div>
<form name="from1">
<div class="container">
<div class="row-fluid" id="container">
<div class="modal iModal items page">
<div class="modal-header">
<h3>第一步</h3>
</div>
<div class="modal-body">
<input id="email" class="span12" type="text"
placeholder="请输入邮箱地址..." /> <a class="btn btn-primary pull-right"
onclick="check()" id="send">发送验证码</a>
<div id="msg"></div>
<div class="email-wrapper hidden">
<input class="span8" type="text" id="key" name="key"
placeholder="请输入验证码..." /> <input type="button"
class="btn btn-primary pull-right" value="验证邮箱"
onclick="statu_mail()">
</div>
</div>
<div class="modal-footer">
<input type="button" class="next right btn btn-primary pull-right"
2015-10-13 06:26:47 +00:00
value="下一步">
</div>
</div>
<div class="modal iModal items hidden page">
<div class="modal-header">
<h3>第二步</h3>
</div>
<div class="modal-body">
<input class="span12" type="text" placeholder="玩家账号" id="username"
disabled='disabled' name='user'> <input class="span12"
type="text" placeholder="新的密码" id="pass1" name='pass' /> <input
class="span12" type="text" placeholder="重复输入密码" id="pass2" />
</div>
<div class="modal-footer">
<input type="button" class="next right btn btn-primary pull-right" id="sec"
2015-10-13 06:26:47 +00:00
value="下一步">
</div>
</div>
<div class="modal iModal hidden items page">
<div class="modal-header">
<h3>第三步</h3>
</div>
<div class="modal-body">
<em>点击确定完成密码更换操作。</em>
</div>
<div class="modal-footer">
<input type="button" class="next btn btn-primary " id="sub"
2015-10-13 06:26:47 +00:00
onclick="updatepass()" value="确定" />
</div>
</div>
</div>
</div>
</form>
<script src="View/public/js/jquery-1.7.2.min.js"></script>
<script src="View/public/js/bootstrap.min.js"></script>
<script src="View/public/js/theme.js"></script>
<script src="View/public/js/scrollable.js"></script>
<script type="text/javascript">
function check(){
var Regex = /^(?:\w+\.?)*\w+@(?:\w+\.)*\w+$/;
var email = $("#email").val();
if(email==""){
alert("请输入邮箱地址!");
return false;
}else if(!Regex.test(email)){
alert("邮箱格式不对");
$('#email').val("");
return false;
}
$.ajax({type:"GET", data:{mail:email}, dataType:"json", url:"<?=Url('retrieve','checkmail')?>", cache:false,
success:function(i){
switch(i.status){
case "success":
$.each(i.info,function(c,b){
$.ajax({ type:"GET", data:{mail:email}, dataType:"json", url:"<?=Url('retrieve','send')?>",
success:function(t){
switch(t.status){
case "success" :
$('.email-wrapper').eq(0).removeClass("hidden").show();
$("#username").val(b.username);
$("#send").eq(0).addClass('yz');
$("#email").attr("disabled","disabled");
$('div#msg').eq(0).html("邮件已发送").clearQueue().fadeIn().fadeOut(2000);
//$("#status").html("邮箱验证成功<br>当前邮箱绑定帐号:<div id='account'>"+b.username+"</div>");
break;
case "error" : alert("验证邮件发送失败"); return; break;
}
}
})
})
break;
case "error": alert(i.info); return; break;
}
}
})
}
function statu_mail(){
if($("#key").val() == ""){
alert("验证码不能为空");
return;
}
$.ajax({ url:"<?=Url('retrieve','status')?>", type:"POST", data:{mail:$("#email").val(), key:$("#key").val()}, dataType:"json",
success:function(r){
switch(r.status){
case "success":
alert(r.info);
$("#statu").eq(0).addClass('yz');
$("#step").eq(0).removeClass("yz").clearQueue().fadeIn(2000);
$("#key").attr("disabled","disabled");
$("#sec").click();
2015-10-13 06:26:47 +00:00
break;
case "error": alert(r.info); return; break;
}
}
})
}
function load(){
var html = '<div style="float:center">游戏账号:<div id="name">'+$("#username").val()+'<input type="hidden" id="hidden_name" value="'+$("#username").val()+'"></div><br>'+
'更改后的密码:<div id="password">'+$("#pass").val()+'<input type="hidden" id="hidden_pass" value="'+$("#pass").val() +'"></div></div>';
$("#info").append(html);
}
function updatepass(){
$("#sub").attr("disabled","disabled");
2015-10-13 06:26:47 +00:00
$.ajax({
type:"POST",
data:{user:$("#hidden_name").val(),mail:$("#email").val(),type:"forge",pass:$("#hidden_pass").val()},
dataType:"json",
url:'<?=Url('user_public','forge')?>'
2015-10-13 06:26:47 +00:00
})
window.location.href = "<?=Url('index','login')?>"
2015-10-13 06:26:47 +00:00
}
$(function(){
$(".container").scrollable({
onSeek:function(event,i){
$(".iModal").addClass("hidden").eq(i).removeClass("hidden");
},
onBeforeSeek:function(event,i){
switch(i){
case 1 :
var Regex = /^(?:\w+\.?)*\w+@(?:\w+\.)*\w+$/;
var email = $("#email").val();
if(email==""){ alert("请输入邮箱地址!"); return false;}
else if(!Regex.test(email)){ alert("邮箱格式不对"); $('#email').val(""); return false; }
else if($("#key").val() == ""){ alert("请输入验证码!"); return false; }
break;
case 2 :
var pass = $("#pass1").val();
var pass1 = $("#pass2").val();
if(pass==""){ alert("请输入密码!"); return false;
}else if(pass1 != pass){ alert("两次密码不一致!"); return false;
}else if(pass.length < 6){ alert("密码长度不能低于6位"); return false;}
load();
break;
case 3 :
break;
}
}
});
});
</script>
</body>
</html>